/* DARK MODE COLORS */
html:root{
/* BODY TEXT ALIGNMENT */
--Body_Text_Alignment:left;
--Fields_Height:3.5rem;
--Fields_Min_Height:3.5rem;
--Fields_Border_Radius:0.5rem;
--Fields_Padding:0 1rem;
--Alinma-plain: "AlinmaTheSans-Plain";
--Alinma-bold: "AlinmaTheSans-Bold";
/* new font */
--regularFont:"regularFont";
--plainFont:"plainFont";
--mediumFont:"mediumFont";
--main-text-size: 14px;
--border-radius-05:.5rem;
/* FONT SIZES */
--fs-h1: clamp(1.9rem, 1.6vw + 0.9rem, 2.3rem);
--fs-h2: clamp(1.65rem, 1.3vw + 0.85rem, 2rem);
--fs-h3: clamp(1.4rem, 1.1vw + 0.75rem, 1.7rem);
--fs-h4: clamp(1.2rem, 0.95vw + 0.7rem, 1.5rem);
--fs-h5: clamp(1.05rem, 0.85vw + 0.6rem, 1.35rem);
--fs-h6: clamp(0.95rem, 0.75vw + 0.55rem, 1.2rem);
--fs-h7: clamp(0.85rem, 0.7vw + 0.45rem, 1rem);
--fs-body: clamp(0.95rem, 0.45vw + 0.85rem, 1.05rem);
--fs-button: clamp(0.85rem, 0.35vw + 0.85rem, 0.95rem);
--fs-caption: clamp(0.85rem, 0.3vw + 0.8rem, 0.9rem);
--Navy-blue: #002134;
--Secondary-navy-blue: #001E2D;
--Fields_Border: 2px solid #04324C;
--Fields_Background:#05263A;
--Body_Background_Color:#F9F2ED;
--Body_Background_Color:#002134;
--Navy-blue-low-opacity: rgb(0 33 52 / 70%);
--Table_Header_Color:#FFFFFF;
--Light-black: rgb(0 0 0 / 70%);
--View_Title_Color:#FFFFFF;
--Read_Only_Label_Color:rgba(255,255,255,.7);
--Page_Title_Color:#FFFFFF;
--Table_Body_Color:#FFFFFF;
--Status_Title_Color:#FFFFFF;
--Notification_Title_Color:#FFFFFF;
--Notification_Card_Background:#043049;
--Read_Only_Fields_Background:rgb(5, 38, 58);
--Read_Only_Fields_Border:1px solid rgb(4, 50, 76);
--Notification_Card_Border:1px solid rgb(255 255 255 / 10%);
--Table_Row_Border:1px solid rgba(255, 255, 255, .1);
--Pending_Status_BG:rgb(229 42 54 / 30%);
--Pending_Status_Color:rgb(229 42 54);
--pb-1: #9795e0;
--pb-2: #ff9581;
--pb-3: #ffffff;
--pb-4: #79BD82;
--Purple: #9795E0;
--Orange: #FF9581;
--transition: all .3s ease-in-out;
--field_label_top: 0.2rem;
/* SIDEBAR */
--sidebar_width_body_padding:19.5rem;
--Sidebar_Background_Color:#002134;
--Sidebar_border:1.5px solid rgb(255 255 255 / 10%);
/* HEADER */
--Header_Padding:0rem;
--Header_Description_Color:rgb(255 255 255 / 70%);
--Header_Background_Color:rgb(0 33 52 / 80%);
}
html.light:root {
--Body_Background_Color:#F9F2ED;
--Table_Header_Color:#002134;
--Table_Body_Color:#002134;
--View_Title_Color:#002134;
--Page_Title_Color:#002134;
--Status_Title_Color:#1a3a52;
--Read_Only_Label_Color:rgb(57 94 117 / 70%);
--Pending_Status_BG:rgb(229 42 54 / 10%);
--Pending_Status_Color:rgb(229 42 54);
--Table_Row_Border:1px solid rgba(0, 0, 0, .1);
--Notification_Card_Border:1px solid rgb(0 0 0 / 10%);
--Notification_Title_Color:#002134;
--Read_Only_Fields_Background:#F9F0EB;
--Read_Only_Fields_Border: 1.6px solid rgba(57, 94, 117, 0.6);
--White: #FFFFFF;
--Isabelline: #F9F2ED;
--Alabaster: #F3E7E6;
--Dark-beige: #E8DBD0;
--Table-button: #F1DFDA;
--Textbox-border-color: #EAD1C3;
--Textbox-background-color: #F3E3DE;
--Fields_Border: 2px solid #EAD1C3;
--Fields_Background:#F3E3DE;
--Sidebar_Background_Color:#F9F2ED;
--Navy-blue: #002134;
--Secondary-navy-blue: #001E2D;
--Notification_Card_Background:#FFFFFF;
--Navy-blue-low-opacity: rgb(0 33 52 / 70%);
--Purple: #9795E0;
--Orange: #FF9581;
--Table-header: rgb(244 231 219 / 60%);
--In-progress: rgb(186 159 100 / 25%);
--Returned: rgb(245 145 116 / 20%);
--Completed: rgb(208 252 216 / 70%);
--Sidebar_border:1.5px solid rgb(0 33 52 / 10%);
--Alinma-plain: "AlinmaTheSans-Plain";
--Alinma-bold: "AlinmaTheSans-Bold";
/* new font */
--pb-1: #9795e0;
--pb-2: #ff9581;
--pb-3: #002134;
--pb-4: #e8dbd0;
/* HEADER */
--Header_Background_Color:hsl(25deg 50% 95% / 30%);
--Header_Description_Color:rgb(0 0 0 / 70%);
}
@font-face {
font-family: "AlinmaTheSans-Plain";
src: url("/Runtime/Styles/Style%20profile/fonts/AlinmaTheSans-Plain.ttf");
font-display: swap;
}
@font-face {
font-family: "AlinmaTheSans-Bold";
src: url("/Runtime/Styles/Style%20profile/fonts/AlinmaTheSans-Bold.ttf");
font-display: swap;
}
@font-face {
font-family: "regularFont";
src: url("/Runtime/Styles/Style%20profile/fonts/AlinmaDisplay-Regular.ttf");
font-display: swap;
}
@font-face {
font-family: "plainFont";
src: url("/Runtime/Styles/Style%20profile/fonts/AlinmaDisplay-Plain.ttf");
font-display: swap;
}
@font-face {
font-family: "mediumFont";
src: url("/Runtime/Styles/Style%20profile/fonts/AlinmaDisplay-Medium.ttf");
font-display: swap;
}
.spacer{
display:none;
}
html:not(.theme-ready) body{
display:none;
}
html.designer body,
html.management body{
display:block;
}
/* read only labels */
/* html:not(.designer) body.theme-entry [name*="s_dropdown"] [name*="s_label"],
html:not(.designer) body.theme-entry [name*="s_picker"] [name*="s_label"], */
html:not(.designer) body.theme-entry [name*="s_calendar"]:has(.read-only) [name*="s_label"],
html:not(.designer) body.theme-entry [name*="s_textbox"]:has(.read-only) [name*="s_label"],
html:not(.designer) body.theme-entry [name*="s_textarea"]:has(.read-only) [name*="s_label"],
/* html:not(.designer) body.theme-entry.runtime-view [name*="s_dropdown"] [name*="s_label"],
html:not(.designer) body.theme-entry.runtime-view [name*="s_picker"] [name*="s_label"],*/
html:not(.designer) body.theme-entry.runtime-view [name*="s_calendar"]:has(.read-only) [name*="s_label"],
html:not(.designer) body.theme-entry.runtime-view [name*="s_textbox"] [name*="s_label"],
html:not(.designer) body.theme-entry.runtime-view [name*="s_textarea"] [name*="s_label"]{
top: var(--field_label_top)!important;
transform: none;
font-size: var(--fs-caption)!important;
}
/* read only labels */
.profileUpper{
cursor: pointer;
}
html:not(.designer) body.theme-entry [name*="checkboxContainer"]{
display:flex!important;
align-items: end;
flex-direction:row;
}
html:not(.designer) body.theme-entry [name*="checkboxContainer"] [name="Table3"]{
width:80%;
}
html:not(.designer) body.theme-entry [name*="checkboxContainer"] [name="Table3"] span{
display:flex;
align-items:center;
line-height:1;
min-height: unset;
height: 2rem;
}
html:not(.designer) body.theme-entry .grid-header-text{
font-family:var(--Alinma-bold)!important;
color: white!important;
}
html:not(.designer).light body.theme-entry .grid-header-text{
color:var(--Navy-blue)!important;
font-family:var(--Alinma-bold)!important;
}
.theme-entry .drop-menu ul.drop-menu li a span{
color:white;
}
.light .theme-entry .drop-menu ul.drop-menu li a span{
color:inherit;
}
.light .theme-entry .drop-menu ul.drop-menu a.selected,
.light .theme-entry .drop-menu ul.drop-menu a.selected:hover,
.light .theme-entry .drop-menu ul.drop-menu li.selected,
.light .theme-entry .drop-menu ul.drop-menu li.selected a:hover{
background-color:var(--Isabelline)!important;
}
.runtime-view aside{
display:none;
}
body.runtime-view{
padding:0!important;
}
html:not(.designer) body.theme-entry [name*="s_dropdown"] [name*="s_label"],
html:not(.designer) body.theme-entry [name*="s_picker"] [name*="s_label"],
html:not(.designer) body.theme-entry [name*="s_calendar"] [name*="s_label"],
html:not(.designer) body.theme-entry [name*="s_textbox"] [name*="s_label"]{
position: absolute;
top: 50%;
transform: translateY(-50%);
color:white!important;
font-size: var(--fs-body)!important;
margin: 0!important;
}
html:not(.designer) body.theme-entry [name*="s_textarea"] [name*="s_label"]{
color:white!important;
font-size: var(--fs-body)!important;
margin: 0!important;
}
html:not(.designer).light body.theme-entry .commentsAttachments [name*="s_textarea"].lastcellinrow{
border: var(--Fields_Border)!important;
}
html:not(.designer).light body.theme-entry [name*="s_dropdown"] [name*="s_label"],
html:not(.designer).light body.theme-entry [name*="s_picker"] [name*="s_label"],
html:not(.designer).light body.theme-entry [name*="s_calendar"] [name*="s_label"],
html:not(.designer).light body.theme-entry [name*="s_textbox"] [name*="s_label"],
html:not(.designer).light body.theme-entry [name*="s_textarea"] [name*="s_label"]
html:not(.designer).light body.theme-entry [name*="s_textarea"] [name*="s_label"],
html:not(.designer).light body.theme-entry [name*="s_dropdown"] [name*="s_label"],
html:not(.designer).light body.theme-entry [name*="s_picker"] [name*="s_label"],
html:not(.designer).light body.theme-entry [name*="s_calendar"] [name*="s_label"],
html:not(.designer).light body.theme-entry [name*="s_textbox"] [name*="s_label"],
html:not(.designer).light body.theme-entry [name*="s_textarea"] [name*="s_label"]{
color:var(--Navy-blue-low-opacity)!important;
}
html:not(.designer) body.theme-entry .on-focus [name*="s_label"],
html:not(.designer) body.theme-entry [name*="s_dropdown"]:has(span.styling-font:not(:empty)) [name*="s_label"],
html:not(.designer) body.theme-entry .editingForm [name*="s_label"]{
top: var(--field_label_top)!important;
transform: none;
font-size: var(--fs-caption)!important;
}
html:not(.designer) .theme-entry [name*="s_dropdown"]:has([name*="s_label"].hidden),
html:not(.designer) .theme-entry [name*="s_picker"]:has([name*="s_label"].hidden),
html:not(.designer) .theme-entry [name*="s_textbox"]:has([name*="s_label"].hidden),
html:not(.designer) .theme-entry [name*="s_textarea"]:has([name*="s_label"].hidden){
display:none!important;
}
/* LABELS INSIDE FIELDS START */
/* LABELS INSIDE FIELDS END */
.theme-entry .day {
font-size: 1rem;
height: 2.5rem !important;
width: 2.5rem !important;
text-align: center !important;
display: flex !important;
align-items: center;
justify-content: center;
}
/* Calendar End */
html:not(.designer) .theme-entry .popup.id-calendar-control-popup{
width: 18rem !important;
z-index: 100000;
}
.theme-entry .top-calendar a {
margin-top: 1rem;
background-repeat: no-repeat;
height: 1rem;
}
.theme-entry .top-calendar a.today-title {
border: none;
border-radius: 0;
margin-top: 1rem;
padding: 0;
background-color: transparent !important;
color: unset !important;
}
.theme-entry .week {
display: flex;
}
.calendar-row .dayname {
height: 2.5rem !important;
width: 2.5rem !important;
margin-bottom: 1rem;
}
.theme-entry .day {
font-size: 1rem;
}
/*Calendar Start */
/* PREVENT TITLES AND TEXT FROM BEING CUT START */
html:not(.designer) .theme-entry span.SourceCode-Forms-Controls-Web-Label,
html:not(.designer) .theme-entry h1.SourceCode-Forms-Controls-Web-Label,
html:not(.designer) .theme-entry h2.SourceCode-Forms-Controls-Web-Label,
html:not(.designer) .theme-entry h3.SourceCode-Forms-Controls-Web-Label,
html:not(.designer) .theme-entry h4.SourceCode-Forms-Controls-Web-Label,
html:not(.designer) .theme-entry label.SourceCode-Forms-Controls-Web-Label,
html:not(.designer) .theme-entry p.SourceCode-Forms-Controls-Web-Label,
html:not(.designer) .theme-entry span.SourceCode-Forms-Controls-Web-DataLabel,
html:not(.designer) .theme-entry h1.SourceCode-Forms-Controls-Web-DataLabel,
html:not(.designer) .theme-entry h2.SourceCode-Forms-Controls-Web-DataLabel,
html:not(.designer) .theme-entry h3.SourceCode-Forms-Controls-Web-DataLabel,
html:not(.designer) .theme-entry h4.SourceCode-Forms-Controls-Web-DataLabel,
html:not(.designer) .theme-entry label.SourceCode-Forms-Controls-Web-DataLabel,
html:not(.designer) .theme-entry p.SourceCode-Forms-Controls-Web-DataLabel{
-ms-text-overflow: unset;
-moz-text-overflow: unset;
-o-text-overflow: unset;
-webkit-text-overflow: unset;
text-overflow: unset;
white-space: break-spaces;
}
/* PREVENT TITLES AND TEXT FROM BEING CUT END */
/* html:not(.designer){
background-color:var(--Navy-blue)!important;
}
html:not(.designer).light{
background-color:var(--Isabelline)!important;
} */
html:not(.designer):not(:has(.runtime-view)) body{
background-color:var(--Navy-blue)!important;
}
html:not(.designer):not(:has(.runtime-view)).light body{
background-color:var(--Isabelline)!important;
}
.noDataPlaceholderWrapperPending{
height:100%;
}
html:not(.designer) body.theme-entry .toolbar-wrapper{
border: none!important;
}
.tooltip.validation{
position: fixed;
font-size: var(--fs-caption)!important;
color: #b71c1c!important;
background-color: white!important;
padding: 0.8rem 1rem;
text-wrap: nowrap;
height: fit-content;
border-radius: 0.7rem!important;
border: 2px solid #d3d3d3!important;
width: fit-content;
opacity:1!important;
font-family:var(--regularFont)!important;
}
.tooltip.validation span{
line-height: 1.6;
display: block;
text-wrap: auto;
}
.tooltip.validation .tooltip-pointer,
.tooltip.validation .tooltip-pointer .tooltip-pointer-inner{
border-color:transparent!important;
background: none!important;
}
.tooltip.validation .tooltip-pointer .tooltip-pointer-inner{
width: 0px;
height: 0px;
border-bottom: solid 10px #d3d3d3!important;
border-left: solid 10px transparent!important;
border-right: solid 10px transparent!important;
top: 0.2rem;
}
.theme-entry .input-control.select-box .input-control-buttons a.date > span span,
.theme-entry .input-control.select-box .input-control-buttons a.date:active > span span,
.theme-entry .input-control.select-box.active .input-control-buttons a.date > span span,
.theme-entry .input-control.select-box.read-only .input-control-buttons a.date:hover > span span,
.theme-entry .input-control.select-box.read-only .input-control-buttons a.date:focus > span span,
.theme-entry .input-control.select-box.disabled .input-control-buttons a.date:hover > span span,
.theme-entry .input-control.select-box.disabled .input-control-buttons a.date:focus > span span{
background-image:url("/Runtime/Styles/Style%20Profile/images/date.svg")!important;
background-size: contain;
height:1rem;
width:1rem;
background-position:center!important;
background-repeat:no-repeat;
filter: brightness(0) saturate(100%) invert(99%) sepia(72%) saturate(2%) hue-rotate(35deg) brightness(107%) contrast(101%);
}
.light .theme-entry .input-control.select-box .input-control-buttons a.date > span span,
.light .theme-entry .input-control.select-box .input-control-buttons a.date:active > span span,
.light .theme-entry .input-control.select-box.active .input-control-buttons a.date > span span,
.light .theme-entry .input-control.select-box.read-only .input-control-buttons a.date:hover > span span,
.light .theme-entry .input-control.select-box.read-only .input-control-buttons a.date:focus > span span,
.light .theme-entry .input-control.select-box.disabled .input-control-buttons a.date:hover > span span,
.light .theme-entry .input-control.select-box.disabled .input-control-buttons a.date:focus > span span{
filter: none;
}
.theme-entry .grid-summary .grid-summary-item{
border: none!important;
}
[name*="buttonsGap"]{
gap:.8rem;
}
html:not(.designer) body.theme-entry .grid-body [name*="s_textbox"],
html:not(.designer) body.theme-entry .grid-body .select-box{
background-color: transparent!important;
height: 3rem!important;
min-height: 3rem!important;
border-radius:0!important;
border:none!important;
padding: 0!important;
border-radius: 0!important;
}
html:not(.designer) .grid-summary-row{
display:none;
}
html:not(.designer) body.theme-entry .grid-body .grid-body-content tr td{
border-bottom: 1px solid rgb(255 255 255 / 10%)!important;
border-radius: 0!important;
}
html:not(.designer).light body.theme-entry .grid-body .grid-body-content tr td{
border-bottom: 1px solid rgb(0 0 0 / 10%)!important;
border-radius: 0!important;
}
html:not(.designer) body.theme-entry .grid-body .grid-body-content tr.edit-template-row td{
padding:0 .5rem!important;
}
html:not(.designer) body.theme-entry .grid-body .select-box{
border:none!Important;
}
.theme-entry .input-control.select-box .input-control-buttons a.picker-search > span span,
.theme-entry .input-control.select-box .input-control-buttons a.picker-search:active > span span,
.theme-entry .input-control.select-box.active .input-control-buttons a.picker-search > span span,
.theme-entry .input-control.select-box.read-only .input-control-buttons a.picker-search:hover > span span,
.theme-entry .input-control.select-box.read-only .input-control-buttons a.picker-search:focus > span span,
.theme-entry .input-control.select-box.disabled .input-control-buttons a.picker-search:hover > span span,
.theme-entry .input-control.select-box.disabled .input-control-buttons a.picker-search:focus > span span{
background-image:url("/Runtime/Styles/Style%20Profile/images/search.svg")!important;
background-size:contain;
background-position:center!important;
background-repeat:no-repeat;
height:1rem;
width:1rem;
filter: brightness(0) saturate(100%) invert(99%) sepia(72%) saturate(2%) hue-rotate(35deg) brightness(107%) contrast(101%);
}
html:not(.designer).light .theme-entry .input-control.select-box .input-control-buttons a.picker-search > span span,
html:not(.designer).light .theme-entry .input-control.select-box .input-control-buttons a.picker-search:active > span span,
html:not(.designer).light .theme-entry .input-control.select-box.active .input-control-buttons a.picker-search > span span,
html:not(.designer).light .theme-entry .input-control.select-box.read-only .input-control-buttons a.picker-search:hover > span span,
html:not(.designer).light .theme-entry .input-control.select-box.read-only .input-control-buttons a.picker-search:focus > span span,
html:not(.designer).light .theme-entry .input-control.select-box.disabled .input-control-buttons a.picker-search:hover > span span,
html:not(.designer).light .theme-entry .input-control.select-box.disabled .input-control-buttons a.picker-search:focus > span span{
filter: none;
}
[name*="s_dropdown"] .picker-resolve,
[name*="s_picker"] .picker-resolve{
display: none!important;
}
html:not(.designer) .theme-entry .ajaxLoader {
z-index: 99;
position: fixed;
}
html:not(.designer) .theme-entry .popup-footer-c{
gap:1rem;
display: flex;
align-items: center;
justify-content: flex-end;
}
html:not(.designer) .theme-entry .picker-input .editable-area .entity > span{
padding:0!important;
background-color:transparent!important;
font-size: inherit;
color: var(--Navy-blue)!important;
}
html:not(.designer) .on-focus[name*="s_calendar"] .input-control-m-c{
margin-top: 1rem;
}
html:not(.designer) .on-focus[name*="s_calendar"] input[type=text].input-control {
font-size: var(--fs-body)!important;
padding: 0;
color: white!important;
position: relative!important;
height: unset;
min-height: unset;
line-height: unset;
}
html:not(.designer).light .on-focus[name*="s_calendar"] input[type=text].input-control {
color: var(--Navy-blue)!important;
}
html:not(.designer) .theme-entry .input-control.select-box.picker-input div.editable-area{
padding:0!important;
color: white;
}
html:not(.designer).light .theme-entry .input-control.select-box.picker-input div.editable-area{
color:var(--Navy-blue);
}
html:not(.designer) .theme-entry .input-control.select-box.picker-input div.editable-area.read-only span{
color: rgba(57, 94, 117, 0.85)!important;
}
html:not(.designer) .theme-entry .dialog .popup-footer .SourceCode-Forms-Controls-Web-Button.help{
display: none;
}
html:not(.designer) .on-focus[name*="s_textbox"] input.SourceCode-Forms-Controls-Web-TextBox:-webkit-autofill,
html:not(.designer) .on-focus[name*="s_textbox"] input.SourceCode-Forms-Controls-Web-TextBox:-webkit-autofill:hover,
html:not(.designer) .on-focus[name*="s_textbox"] input.SourceCode-Forms-Controls-Web-TextBox:-webkit-autofill:focus,
input:-internal-autofill-selected,
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
/* Autofill interaction states */
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
/* While selecting / value chosen */
input:-webkit-autofill:focus-visible,
input:-webkit-autofill:focus-within{
background-color: #05263A !important;
-webkit-box-shadow: 0 0 0 1000px #05263A inset !important;
box-shadow: 0 0 0 1000px #05263A inset !important;
-webkit-text-fill-color: white !important;
caret-color: #fff !important;
transition: background-color 9999s ease-in-out 0s !important;
}
html:not(.designer).light .on-focus[name*="s_textbox"] input.SourceCode-Forms-Controls-Web-TextBox:-webkit-autofill,
html:not(.designer).light .on-focus[name*="s_textbox"] input.SourceCode-Forms-Controls-Web-TextBox:-webkit-autofill:hover,
html:not(.designer).light .on-focus[name*="s_textbox"] input.SourceCode-Forms-Controls-Web-TextBox:-webkit-autofill:focus,
input:-internal-autofill-selected,
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
/* Autofill interaction states */
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
/* While selecting / value chosen */
input:-webkit-autofill:focus-visible,
input:-webkit-autofill:focus-within{
-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
box-shadow: 0 0 0 1000px var(--Fields_Background) inset !important;
-webkit-text-fill-color: var(--Navy-blue)!important;
caret-color: var(--Fields_Background) !important;
transition: background-color 9999s ease-in-out 0s !important;
color: var(--Navy-blue)!important;
}
html:not(.designer),
body.theme-entry {
font-size: 14px !important;
font-family: var(--regularFont)!important;
padding-bottom: 1rem;
}
html:not(.designer) body.theme-entry .stack-container{
display: flex;
gap: 2rem;
margin-bottom: 2rem;
}
html:not(.designer).light .grid-column-header-table td .grid-column-header-text {
color: #001e2d !important;
}
html:not(.designer).light .theme-entry .grid table.grid-content-table.zebra-stripes .empty-grid{
background-color: white!important;
}
html:not(.designer) .theme-entry .grid table.grid-content-table.zebra-stripes .empty-grid{
background-color: #043049 !important;
}
/* VIEW TITLE START */
[name*="viewTitle"],
.theme-entry .grid-header-wrapper .grid-header-text>span {
font-family: var(--mediumFont);
color: white !important;
padding-bottom: unset !important;
font-size: 1.4rem;
}
html:not(.designer).light [name*="viewTitle"],
html:not(.designer).light .grid-header-wrapper .grid-header-text>span {
color: var(--Navy-blue) !important;
}
[name*="attachmentSection"] [name*="viewTitle"] {
margin: 0.4rem 0 0;
}
.theme-entry .grid table.grid-content-table tr.selected > td,
.theme-entry .grid table.grid-content-table.zebra-stripes tr.selected:not(.action-row) > td{
color:var(--Navy-blue)!important;
font-weight: bold;
}
/* VIEW TITLE END */
/* POPUPS ICONS */
html:not(.designer) .theme-entry .message-box-content.confirmation:before,
html:not(.designer) .theme-entry .message-box-content.info:before,
html:not(.designer) .theme-entry .message-box-content.message:before,
.theme-entry .message-box-content.message:before {
background-image: url("/Runtime/Styles/Style%20profile/Images/general.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
top: 50%;
transform: translateY(-50%);
height: clamp(2rem, 3vw + 0.6rem, 3rem);
width: clamp(2rem, 3vw + 0.6rem, 3rem);
}
html:not(.designer) .theme-entry .message-box-content.warning:before {
background-image: url("/Runtime/Styles/Style%20profile/Images/Warning.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
top: 50%;
transform: translateY(-50%);
height: clamp(2rem, 3vw + 0.6rem, 3rem);
width: clamp(2rem, 3vw + 0.6rem, 3rem);
}
.theme-entry .message-box-content>.panel.full,
.theme-entry .message-box-content.confirmation>.panel.full {
margin-left: clamp(3rem, 4vw + 0.6rem, 4rem);
}
/* POPUP BRANDING START */
html:not(.designer) .theme-entry .message-box-content,
html:not(.designer) .theme-entry .dialog .popup-body {
height: fit-content;
min-height: 5rem;
}
html:not(.designer) .theme-entry .popup.dialog.error-message:not(.runtime-message) .message-box-content .panel-body-m-c {
margin: 0;
}
.theme-entry .base2.base1.modalizer html:not(.designer) .theme-entry .popup-header,
html:not(.designer) .theme-entry .popup-body,
html:not(.designer) .theme-entry .popup-footer {
position: relative !important;
top: unset !important;
bottom: unset !important;
left: unset !important;
right: unset !important;
width: 100%;
height: fit-content !important;
}
html:not(.designer) .theme-entry .popup-header {
padding: 1rem 2rem;
background-color: #001E2D;
margin: 0 !important;
position: relative !important;
height: fit-content !important;
left: 0;
right: 0;
}
html:not(.designer) .theme-entry .popup-body {
padding: 1rem 2rem 0;
border-bottom: none !important
}
html:not(.designer) .theme-entry .popup-footer {
padding: 0rem 2rem 1rem;
border-top: none !important;
}
html:not(.designer) .popup.dialog {
border-radius: 1rem !important;
overflow: hidden;
z-index: 5;
background-color: var(--Navy-blue);
height: fit-content!important;
}
html:not(.designer).light .theme-entry .popup-header{
background-color: #f7f7f7;
}
html:not(.designer).light .popup.dialog{
background-color: #ffffff;
}
html:not(.designer).light .popup.dialog .message{
color:inherit;
}
html:not(.designer) .popup.dialog .message{
color:white;
}
html:not(.designer) .popup.dialog .popup-header .popup-header-text {
font-size: 1.4rem;
color: white;
}
html:not(.designer).light .popup.dialog .popup-header .popup-header-text{
color:var(--Navy-blue);
}
html:not(.designer) .theme-entry .message-box-content:before {
background-size: 3rem;
background-repeat: no-repeat;
background-position: center;
top: 50%;
transform: translateY(-50%);
}
html:not(.designer) .theme-entry .message-box-content.error:before {
background-image: url("/Runtime/Styles/Style%20profile/Images/error.svg");
}
.theme-entry .popup-header-button-bar-wrapper{
display:flex;
align-items:center;
width: fit-content;
gap: 1rem;
}
html:not(.designer) .theme-entry .dialog .popup-header-buttons a{
margin:0;
}
.popup-header-button-bar{
width:fit-content;
display:flex;
overflow:visible;
}
/* POPUP BRANDING END */
/* PADDINGS */
/* PADDING 1rem - top, bottom, left, right */
[name*="pt-1"] {
padding-top: 1rem !important;
}
[name*="pb-1"] {
padding-bottom: 1rem !important;
}
[name*="pl-1"] {
padding-left: 1rem !important;
}
[name*="pr-1"] {
padding-right: 1rem !important;
}
/* PADDING 2rem - top, bottom, left, right */
[name*="pt-2"] {
padding-top: 2rem !important;
}
[name*="pb-2"] {
padding-bottom: 2rem !important;
}
[name*="pl-2"] {
padding-left: 2rem !important;
}
[name*="pr-2"] {
padding-right: 2rem !important;
}
/* PADDING 3rem - top, bottom, left, right */
[name*="pt-3"] {
padding-top: 3rem !important;
}
[name*="pb-3"] {
padding-bottom: 3rem !important;
}
[name*="pl-3"] {
padding-left: 3rem !important;
}
[name*="pr-3"] {
padding-right: 3rem !important;
}
/* PADDING 4rem - top, bottom, left, right */
[name*="pt-4"] {
padding-top: 4rem !important;
}
[name*="pb-4"] {
padding-bottom: 4rem !important;
}
[name*="pl-4"] {
padding-left: 4rem !important;
}
[name*="pr-4"] {
padding-right: 4rem !important;
}
/* MARGINS */
/* MARGIN 1rem - top, bottom, left, right */
[name*="mt-1"] {
margin-top: 1rem !important;
}
[name*="mb-0"] {
margin-bottom: 0rem !important;
}
[name*="mb-1"] {
margin-bottom: 1rem !important;
}
[name*="ml-1"] {
margin-left: 1rem !important;
}
[name*="mr-1"] {
margin-right: 1rem !important;
}
/* MARGIN 1.6rem - top, bottom, left, right */
[name*="mt-16"] {
margin-top: 1.6rem !important;
}
[name*="mb-16"] {
margin-bottom: 1.6rem !important;
}
[name*="ml-16"] {
margin-left: 1.6rem !important;
}
[name*="mr-16"] {
margin-right: 1.6rem !important;
}
/* MARGIN 2rem - top, bottom, left, right */
[name*="mt-2"] {
margin-top: 2rem !important;
}
[name*="mb-2"] {
margin-bottom: 2rem !important;
}
[name*="ml-2"] {
margin-left: 2rem !important;
}
[name*="mr-2"] {
margin-right: 2rem !important;
}
/* MARGIN 3rem - top, bottom, left, right */
[name*="mt-3"] {
margin-top: 3rem !important;
}
[name*="mb-3"] {
margin-bottom: 3rem !important;
}
[name*="ml-3"] {
margin-left: 3rem !important;
}
[name*="mr-3"] {
margin-right: 3rem !important;
}
/* MARGIN 4rem - top, bottom, left, right */
[name*="mt-4"] {
margin-top: 4rem !important;
}
[name*="mb-4"] {
margin-bottom: 4rem !important;
}
[name*="ml-4"] {
margin-left: 4rem !important;
}
[name*="mr-4"] {
margin-right: 4rem !important;
}
/* MARGIN auto - top, bottom, left, right */
[name*="mt-auto"],
.mt-auto {
margin-top: auto !important;
}
[name*="mb-auto"],
.mb-auto {
margin-bottom: auto !important;
}
[name*="ml-auto"],
.ml-auto {
margin-left: auto !important;
}
[name*="mr-auto"],
.mr-auto {
margin-right: auto !important;
}
[name*="m-auto"],
.m-auto {
margin: auto !important;
}
/* DISPLAYS */
[name*="d-flex"],
.d-flex, html .d-lg-flex {
display: flex !important;
}
[name*="d-none"],
.d-none {
display: none !important;
}
[name*="d-block"],
.d-block {
display: block !important;
}
[name*="flex-column"],
.flex-column {
flex-direction: column !important;
}
.filterTxt .input-control-m-c,
.filterTxt input{
border: 1px solid rgb(0 0 0 / 20%) !important;
font-size: 1rem !important;
border-radius: .5rem !important;
padding: .4rem 1rem !important;
vertical-align: middle;
display: flex;
align-items: center;
font-family: var(--regularFont) !important;
width: 100%;
min-height: 3rem !important;
height: 3rem !important;
}
html:not(.designer) [name*="s_calendar"] .input-control-m-c{
background-color:transparent!important;
}
html:not(.designer) .searchDdl .input-control.select-box.dropdown-box,
.grid-content-table .select-box{
height: 3rem!important;
min-height: 3rem !important;
width: 100% !important;
border: 1px solid rgb(0 0 0 / 20%) !important;
border-radius: .5rem!important;
padding: 0 1rem
}
.grid-content-table .select-box{
background-color: var(--Textbox-background-color) !important;
border:1px solid var(--Textbox-border-color) !important;
}
html:not(.designer).light body.theme-entry #PickerSearchDialog .styling-outer-wrapper{
color: var(--Navy-blue);
border: 1px solid var(--Textbox-border-color) !important;
background-color: var(--Textbox-background-color) !important;
font-size: 1rem !important;
border-radius: .5rem !important;
padding: .4rem 1rem !important;
}
html:not(.designer) body.theme-entry #PickerSearchDialog .styling-outer-wrapper{
background-color: var(--Navy-blue-low-opacity)!important;
border: 1px solid rgb(255 255 255 / 10%)!important;
font-size: var(--fs-body);
display:flex;
}
html:not(.designer) body.theme-entry #PickerSearchDialog .input-control.select-box .input-control-buttons {
position: absolute;
left: 0;
}
html:not(.designer) body.theme-entry #PickerSearchDialog .input-control.select-box .input-control-body{
width:100%;
left:unset;
right:unset;
}
html:not(.designer) body.theme-entry.runtime-view [name*="s_textbox"],
html:not(.designer) body.theme-entry.runtime-view [name*="s_dropdown"],
html:not(.designer) body.theme-entry.runtime-view [name*="s_picker"],
html:not(.designer) body.theme-entry.runtime-view [name*="s_calendar"],
html:not(.designer) body.theme-entry.runtime-view .editor-cell.lastcellinrow[name*="s_textbox"],
html:not(.designer) body.theme-entry.runtime-view .editor-cell.lastcellinrow[name*="s_dropdown"],
html:not(.designer) body.theme-entry.runtime-view .editor-cell.lastcellinrow[name*="s_picker"],
html:not(.designer) body.theme-entry.runtime-view .editor-cell.lastcellinrow[name*="s_calendar"],
html:not(.designer) body.theme-entry .form [name*="s_textbox"],
html:not(.designer) body.theme-entry .form [name*="s_dropdown"],
html:not(.designer) body.theme-entry .form [name*="s_picker"],
html:not(.designer) body.theme-entry .form [name*="s_calendar"],
html:not(.designer) body.theme-entry .form .editor-cell.lastcellinrow[name*="s_textbox"],
html:not(.designer) body.theme-entry .form .editor-cell.lastcellinrow[name*="s_dropdown"],
html:not(.designer) body.theme-entry .form .editor-cell.lastcellinrow[name*="s_picker"],
html:not(.designer) body.theme-entry .form .editor-cell.lastcellinrow[name*="s_calendar"]{
border: var(--Fields_Border) !important;
background-color: var(--Fields_Background) !important;
border-radius: var(--Fields_Border_Radius)!important;
font-family: var(--regularFont)!important;
min-height: var(--Fields_Min_Height)!important;
height: var(--Fields_Height)!important;
padding: var(--Fields_Padding)!important;
font-size: var(--fs-body)!important;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
align-content: center;
position: relative;
}
html:not(.designer) body.theme-entry table tr.edit-template-row{
border:1px solid rgb(255 255 255 / 20%)!important;
}
html:not(.designer).light body.theme-entry .grid-content-cell.edit-mode .dropdown-box{
border: 1px solid rgb(0 0 0 / 20%)!important;
border-radius:.5rem!important;
background-color:transparent!important;
height: var(--Fields_Height)!important;
min-height: var(--Fields_Min_Height)!important;
display: flex;
color: inherit;
}
/**/
html:not(.designer) body.theme-entry .grid-content-cell.edit-mode .dropdown-box,
html:not(.designer) body.theme-entry .grid-content-cell.edit-mode [name*="s_textarea"],
html:not(.designer) body.theme-entry .grid-content-cell.edit-mode [name*="s_textbox"]{
border:1px solid rgb(255 255 255 / 20%)!important;
border-radius:.5rem!important;
background-color:transparent!important;
height: var(--Fields_Height)!important;
min-height: var(--Fields_Min_Height)!important;
display: flex;
color: white;
}
html:not(.designer).light body.theme-entry .grid-content-cell.edit-mode .dropdown-box,
html:not(.designer).light body.theme-entry .grid-content-cell.edit-mode [name*="s_textarea"],
html:not(.designer).light body.theme-entry .grid-content-cell.edit-mode [name*="s_textbox"]{
border:1px solid rgb(0 0 0 / 20%)!important;
color: var(--Navy-blue);
}
html:not(.designer) body.theme-entry table .grid-content-cell.edit-mode input[name="topics_temp ID Text Box s_textbox"],
html:not(.designer).light body.theme-entry table .grid-content-cell.edit-mode input[name="topics_temp ID Text Box s_textbox"]{
border:none!important;
background-color:transparent!important;
}
html:not(.designer).light body.theme-entry .grid-content-cell.edit-mode [name*="s_textbox"]{
padding: 1rem!important;
}
html:not(.designer) body.theme-entry .grid-content-cell.edit-mode .input-control.select-box .styling-outer-wrapper{
display:flex!important;
align-items:center;
justify-content:space-between
}
html:not(.designer) body.theme-entry .form [name*="s_textbox"]:has(.invalid),
html:not(.designer) body.theme-entry .form .editor-cell.lastcellinrow[name*="s_textbox"]:has(.invalid),
html:not(.designer) body.theme-entry .form [name*="s_dropdown"]:has(.input-control.invalid),
html:not(.designer) body.theme-entry .form [name*="s_picker"]:has(.input-control.invalid),
html:not(.designer) body.theme-entry .form [name*="s_calendar"]:has(.invalid),
html:not(.designer) body.theme-entry .form [name*="s_calendar"].editor-cell.lastcellinrow:has(.invalid){
background-color: var(--input-error-background-color) !important;
border-color: var(--input-error-border-color) !important;
}
html:not(.designer).light body.theme-entry .invalid textarea[name*="s_textarea"]{
background-color: var(--input-error-background-color) !important;
border-color: var(--input-error-border-color) !important;
}
html:not(.designer) .grid-column-header-cell-wrapper [name*="s_textbox"] {
background-color:transparent!important;
}
.theme-entry .input-control.invalid span,
html:not(.designer) [name*="s_calendar"]:has(.invalid) input,
html:not(.designer) [name*="s_calendar"].editor-cell.lastcellinrow:has(.invalid) input{
color: var(--input-error-text-color)!important;
}
.empty-grid .grid-content-cell-wrapper {
text-align: center!important;
margin-top:1rem;
margin-bottom: 1rem;
}
html:not(.designer) [name*="s_textarea"] textarea[readonly]{
top: 0.2rem;
position:absolute;
color: var(--Navy-blue-low-opacity)!important;
position: relative!important;
}
html:not(.designer) body.theme-entry [name*="s_textarea"] textarea,
html:not(.designer) body.theme-entry [name*="s_textbox"] input ,
html:not(.designer) body.theme-entry .picker-input .editable-area .entity > span,
html:not(.designer) [name*="s_dropdown"] a.styling-font .styling-font,
html:not(.designer) [name*="s_picker"] a.styling-font .styling-font{
/* color: var(--Read_Only_Label_Color)!important; */
color:white!important;
}
html:not(.designer).light body.theme-entry [name*="s_textarea"]:has(.read-only) textarea,
html:not(.designer).light body.theme-entry [name*="s_textbox"] input.readonly{
color:#395E75D9!important;
}
html:not(.designer).light [name*="s_textarea"] textarea,
html:not(.designer).light [name*="s_textbox"] input,
html:not(.designer).light .theme-entry .picker-input .editable-area .entity > span{
color: var(--Navy-blue)!important;
}
html:not(.designer).light .theme-entry .grid table.grid-content-table > tbody > tr > td
{
border-bottom: 1px solid rgb(255 255 255 / 10%)!important;
background-color: transparent!important;
}
.theme-entry .file-wrapper{
color:white!important;
}
html:not(.designer).light .theme-entry .grid table.grid-column-header-table td{
background-color: var(--Isabelline)!important;
}
html:not(.designer) .drop-menu{
background-color: #05263A;
}
html:not(.designer).light .drop-menu{
background-color: white;
}
html:not(.designer).light .drop-menu li a,
html:not(.designer).light .drop-menu li:hover a,
html:not(.designer).light .drop-menu li:hover a span{
color: #05263A;
}
html:not(.designer).light .theme-entry .drop-menu ul.drop-menu li a:hover{
background-color: hsl(25deg 50% 95.29%)!important;
}
html:not(.designer) .on-focus[name*="s_dropdown"] .select-box .input-control-body,
html:not(.designer) .form.editingForm [name*="s_dropdown"] .select-box .input-control-body,
html:not(.designer) .on-focus[name*="s_picker"] .select-box .input-control-body,
html:not(.designer) .form.editingForm [name*="s_picker"] .select-box .input-control-body{
padding-top: .8rem;
}
html:not(.designer) .input-control.select-box.dropdown-box .input-control-m-c,
html:not(.designer) .input-control-buttons.styling-right.styling-inner-wrapper {
background-color: transparent !important;
border: none !important;
height: 100% !important;
min-height: 2rem !important;
display: flex;
align-items: center;
width: fit-content;
}
html:not(.designer) .input-control.select-box.dropdown-box {
height: 100%;
min-height: unset !important;
}
html:not(.designer) .theme-entry [name*="s_dropdown"] .select-box .input-control a.input-control span,
html:not(.designer) .theme-entry [name*="s_dropdown"] .select-box .input-control.watermark a.input-control span,
html:not(.designer) [name*="s_dropdown"] a.styling-font,
html:not(.designer) [name*="s_picker"] a.styling-font{
padding: 0 !important;
line-height: normal !important;
min-height: unset !important;
height: unset !important;
font-size: var(--fs-body);
margin-top: 1rem;
}
html:not(.designer) .theme-entry .editingForm [name*="s_dropdown"] .select-box .input-control a.input-control span,
html:not(.designer) .theme-entry .editingForm [name*="s_dropdown"] .select-box .input-control.watermark a.input-control span,
html:not(.designer) .editingForm [name*="s_dropdown"] a.styling-font,
html:not(.designer) .editingForm [name*="s_picker"] a.styling-font{
margin-top: 0vw;
}
html:not(.designer).light .theme-entry .form.editingForm .input-control a.input-control span,
html:not(.designer).light .theme-entry .form.editingForm .input-control.watermark a.input-control span,
html:not(.designer).light .theme-entry .editingForm [name*="s_dropdown"] a.styling-font span,
html:not(.designer).light .theme-entry .editingForm [name*="s_calendar"] .input-control-m-c .input-control-wrapper input,
html:not(.designer).light .theme-entry .editingForm [name*="s_textbox"] input{
font-size: 1rem;
color:var(--Navy-blue)!important;
}
html:not(.designer) .theme-entry .form.editingForm .input-control a.input-control span,
html:not(.designer) .theme-entry .form.editingForm .input-control.watermark a.input-control span,
html:not(.designer) .theme-entry .editingForm [name*="s_dropdown"] a.styling-font span,
html:not(.designer) .theme-entry .editingForm [name*="s_calendar"] .input-control-m-c .input-control-wrapper input,
html:not(.designer) .theme-entry .editingForm [name*="s_textbox"] input{
font-size: 1rem;
color:white!important;
}
html:not(.designer).light .input-control a.input-control span,
html:not(.designer).light .input-control.watermark a.input-control span,
html:not(.designer).light .on-focus[name*="s_textbox"] input.SourceCode-Forms-Controls-Web-TextBox,
html:not(.designer).light .on-focus[name*="s_textarea"] textarea,
html:not(.designer).light .form.editingForm [name*="s_textarea"] textarea{
color: var(--Navy-blue) !important;
}
html:not(.designer).light .form.editingForm input.SourceCode-Forms-Controls-Web-TextBox.readonly,
html:not(.designer).light .form.editingForm span[name*="s_textarea"]:has(textarea[readonly]) textarea,
html:not(.designer).light [name*="s_dropdown"] .read-only a.styling-font span,
html:not(.designer).light [name*="s_picker"] .read-only a.styling-font span{
color: #537A91 !important;
}
html:not(.designer) .form.editingForm input.SourceCode-Forms-Controls-Web-TextBox.readonly{
color: rgb(255 255 255 / 70%) !important;
}
html:not(.designer).light .form.editingForm input.SourceCode-Forms-Controls-Web-TextBox.readonly{
color: rgb(57 94 117 / 70%) !important;
}
html:not(.designer) .theme-entry .input-control a.input-control {
height: 100% !important;
display: flex;
align-items: center;
}
.theme-entry .input-control.text-input .input-control-m-c {
border: none !important;
background-color: transparent;
}
[name*="s_textbox"] input.SourceCode-Forms-Controls-Web-TextBox {
position: absolute !important;
width: calc(100% - 2rem) !important;
border: 0 !important;
background-color: transparent !important;
height: 100% !important;
min-height: 100% !important;
padding: 0 !important;
top: 0;
z-index: 1 !important;
}
html:not(.designer) .on-focus[name*="s_textbox"] input.SourceCode-Forms-Controls-Web-TextBox,
html:not(.designer) .form.editingForm input.SourceCode-Forms-Controls-Web-TextBox,
html:not(.designer) .on-focus[name*="s_textbox"] input.SourceCode-Forms-Controls-Web-TextBox:focus,
html:not(.designer) .form.editingForm input.SourceCode-Forms-Controls-Web-TextBox:focus{
position: relative !important;
width: calc(100% - 2rem) !important;
border: 0 !important;
background-color: transparent !important;
height: 2rem !important;
min-height: 2rem !important;
padding: 0 !important;
top: 0.3rem;
z-index: 1 !important;
color: var(--Navy-blue);
}
html:not(.designer) [name*="s_dropdown"] a.styling-font,
html:not(.designer) [name*="s_picker"] a.styling-font{
position: relative !important;
z-index: 1 !important;
border: 0 !important;
background-color: transparent !important;
height: 100% !important;
min-height: 3.3rem !important;
padding: 0 !important;
top: 0;
cursor: pointer !important;
color: white !important;
}
html:not(.designer) [name*="s_dropdown"] a.styling-font .styling-font,
html:not(.designer) [name*="s_picker"] a.styling-font .styling-font{
padding:0!important;
}
html:not(.designer) .form .on-focus[name*="s_dropdown"] a.styling-font,
html:not(.designer) .form .on-focus[name*="s_picker"] a.styling-font,
html:not(.designer) .form.editingForm [name*="s_dropdown"] a.styling-font,
html:not(.designer) .form.editingForm [name*="s_picker"] a.styling-font{
position: relative !important;
z-index: 0 !important;
border: 0 !important;
background-color: transparent !important;
height: 2rem !important;
min-height: 2rem !important;
padding: 0 !important;
top: 0rem;
}
.theme-entry .input-control.select-box .input-control-buttons a.dropdown>span span,
.theme-entry .input-control.select-box .input-control-buttons a.dropdown:active>span span,
.theme-entry .input-control.select-box.active .input-control-buttons a.dropdown>span span,
.theme-entry .input-control.select-box.active .input-control-buttons a.dropdown:focus>span span,
.theme-entry .input-control.select-box.active .input-control-buttons a.dropdown:hover>span span,
.theme-entry .input-control.select-box.read-only .input-control-buttons a.dropdown:hover>span span,
.theme-entry .input-control.select-box.read-only .input-control-buttons a.dropdown:focus>span span {
background-size: 1rem;
background-image: url("/Runtime/Styles/Style%20profile/images/chevron-down.png")!important;
background-position: center!important;
}
html:not(.designer).light .input-control.select-box .input-control-buttons a.dropdown>span span,
html:not(.designer).light .input-control.select-box .input-control-buttons a.dropdown:active>span span,
html:not(.designer).light .input-control.select-box.active .input-control-buttons a.dropdown>span span,
html:not(.designer).light .input-control.select-box.active .input-control-buttons a.dropdown:focus>span span,
html:not(.designer).light .input-control.select-box.active .input-control-buttons a.dropdown:hover>span span,
html:not(.designer).light .input-control.select-box.read-only .input-control-buttons a.dropdown:hover>span span,
html:not(.designer).light .input-control.select-box.read-only .input-control-buttons a.dropdown:focus>span span {
filter: none;
}
html:not(.designer) .input-control.select-box .input-control-buttons a.dropdown>span span,
html:not(.designer) .input-control.select-box .input-control-buttons a.dropdown:active>span span,
html:not(.designer) .input-control.select-box.active .input-control-buttons a.dropdown>span span,
html:not(.designer) .input-control.select-box.active .input-control-buttons a.dropdown:focus>span span,
html:not(.designer) .input-control.select-box.active .input-control-buttons a.dropdown:hover>span span,
html:not(.designer) .input-control.select-box.read-only .input-control-buttons a.dropdown:hover>span span,
html:not(.designer) .input-control.select-box.read-only .input-control-buttons a.dropdown:focus>span span {
filter: brightness(0) saturate(100%) invert(99%) sepia(72%) saturate(2%) hue-rotate(35deg) brightness(107%) contrast(101%);
}
[name*="s_textarea"] textarea {
position: absolute !important;
z-index: 1 !important;
width: calc(100% - 2rem) !important;
border: 0 !important;
background-color: transparent !important;
min-height: 3.5rem !important;
height: auto;
padding: 0 !important;
font-family: var(--regularFont) !important;
color: var(--Navy-blue) !important;
}
.on-focus[name*="s_textarea"] textarea,
html:not(.designer) .form.editingForm [name*="s_textarea"] textarea{
min-height: 2rem !important;
font-size: var(--fs-body);
}
html:not(.designer).light .commentsAttachments textarea{
color: white !important;
}
html:not(.designer) body.theme-entry .commentsAttachments textarea{
color: var(--Navy-blue) !important;
}
html:not(.designer) body.theme-entry .form .readonly[name*="s_textbox"],
html:not(.designer) body.theme-entry .form .empty[name*="s_textbox"],
html:not(.designer) body.theme-entry .form .disabled[name*="s_textbox"],
html:not(.designer) body.theme-entry .form [name*="s_dropdown"]:has(.ui-lookupbox-disabled),
html:not(.designer) body.theme-entry .form [name*="s_picker"]:has(.ui-lookupbox-disabled),
html:not(.designer) body.theme-entry .form .read-only textarea .input-control-m-c,
html:not(.designer) body.theme-entry .form [name*="s_dropdown"].editor-cell.lastcellinrow:has(.ui-lookupbox-disabled),
html:not(.designer) body.theme-entry .form [name*="s_picker"].editor-cell.lastcellinrow:has(.ui-lookupbox-disabled),
html:not(.designer) body.theme-entry .form .editor-cell.lastcellinrow[name*="s_calendar"]:has(.read-only){
background-color: var(--Read_Only_Fields_Background) !important;
border: var(--Read_Only_Fields_Border)!important;
pointer-events: none;
}
html:not(.designer) body.theme-entry .form .grid-content-cell .empty[name*="s_textbox"]{
background-color:transparent!important;
}
html:not(.designer) [name*="s_dropdown"]:has(.input-control.select-box.read-only) .input-control-m-c,
html:not(.designer) [name*="s_picker"]:has(.input-control.select-box.read-only) .input-control-m-c{
background-color:transparent;
}
.theme-entry .dialog .popup-footer .popup-footer-c{
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: row-reverse;
}
/* TEXTBOX READONLY START */
/* TEXTBOX READONLY END */
html:not(.designer) [name*="s_dropdown"],
html:not(.designer) [name*="s_picker"]{
cursor: pointer;
}
.light [name*="s_calendar"] input{
color:white!important;
top:.3rem;
}
.theme-entry .input-control.select-box input[type=text]{
padding:0;
}
html:not(.designer) [name*="s_label"] {
font-size: var(--fs-body);
color: var(--Read_Only_Label_Color)!important;
font-family: var(--regularFont)!important;
transition: all .3s ease-in-out;
height: unset !important;
min-height: unset !important;
line-height: unset !important;
text-wrap: auto;
padding: 0!important;
margin-bottom: 1rem;
}
html:not(.designer).light [name*="s_label"]{
color: var(--Light-black)!important;
}
html:not(.designer) [name*="s_textarea"] [name*="s_label"]{
top:1rem;
margin: 0!important;
color: var(--Read_Only_Label_Color)!important;
}
html:not(.designer) [name*="s_textarea"],
html:not(.designer) body.theme-entry .editor-cell.lastrow[name*="s_textarea"]{
border: var(--Fields_Border)!important;
background-color: var(--Fields_Background)!important;
font-size: 1rem !important;
border-radius: .5rem !important;
display: flex;
align-items: center;
font-family: var(--regularFont);
width: 100%;
height: auto;
min-height: 5rem;
position: relative;
}
html:not(.designer) [name*="s_button"],
html:not(.designer) .theme-entry .dialog .popup-footer .SourceCode-Forms-Controls-Web-Button {
border-radius: .5rem !important;
padding: 0.6rem 2.4rem !important;
font-size: 1rem;
font-family: var(--regularFont);
height: unset;
min-height: unset;
width: 100%;
margin: .3rem 0;
}
html:not(.designer) [name*="s_button s_primary_button"],
html:not(.designer) .theme-entry .dialog .popup-footer .SourceCode-Forms-Controls-Web-Button {
border: 1px solid var(--Navy-blue) !important;
transition: all .3s ease-in-out;
background-color: var(--Orange) !important;
color: var(--Navy-blue) !important;
}
html:not(.designer).light [name*="s_button s_primary_button"],
html:not(.designer).light .dialog .popup-footer .SourceCode-Forms-Controls-Web-Button {
background-color: var(--Navy-blue) !important;
color: var(--White) !important;
}
html:not(.designer).light [name*="s_button s_primary_button"]:hover{
background-color: #001E2D !important;
}
html:not(.designer) [name*="s_button s_primary_button"]:hover,
html:not(.designer) .theme-entry .dialog .popup-footer .SourceCode-Forms-Controls-Web-Button:hover {
background-color: #001E2D !important;
color: var(--White) !important;
border: 1px solid #001E2D !important;
background-color: #ffad9c !important;
}
html:not(.designer).light [name*="s_button s_primary_button"]:hover,
html:not(.designer).light .theme-entry .dialog .popup-footer .SourceCode-Forms-Controls-Web-Button:hover{
background-color:var(--Navy-blue-low-opacity)!important
}
html:not(.designer) [name*="s_button s_secondary_button"] {
border: 1px solid var(--Navy-blue) !important;
transition: all .3s ease-in-out !important;
border: 1px solid white !important;
color: white !important;
background-color: transparent!important;
}
html:not(.designer).light [name*="s_button s_secondary_button"] {
color: var(--Navy-blue) !important;
border-color: var(--Navy-blue) !important;
}
html:not(.designer) [name*="s_button s_secondary_button"]:hover {
border: 1px solid rgb(255 255 255 / 20%) !important;
color: white !important;
background-color: rgb(0 33 52 / 10%);
}
html:not(.designer).light [name*="s_button s_secondary_button"]:hover {
border: 1px solid var(--Navy-blue-low-opacity) !important;
color: var(--Navy-blue) !important;
background-color: rgb(0 33 52 / 10%);
}
html:not(.designer).light [name*="s_button s_secondary_button"]:hover {
background-color: rgb(255 255 255 / 10%);
}
html:not(.designer) [name*="s_button s_save_button"] {
position: relative;
background-color: transparent !important;
border: none;
font-size: 1.05rem;
font-family: var(--regularFont);
padding: 0.6rem 0rem .6rem 2rem !important;
width: fit-content;
color: white;
}
html:not(.designer).light [name*="s_button s_save_button"] {
color: var(--Navy-blue);
}
span#c655df8d-4567-342e-b826-2fb81eaaa47c {
padding: 0 !important;
}
/* control buttons*/
div#d0300780-c69e-30af-366b-fb216c06c0a2_18a1ca65-4c9d-7340-a6d9-d6da3cb0f632_Table {
display: flex;
flex-wrap: wrap;
justify-content: center;
opacity: 0;
transform: translateY(100%);
animation: 1s fadeUp 4s forwards;
margin: auto;
width: 100%;
}
html:not(.designer) [name*="s_button s_save_button"]::before {
content: "";
position: absolute;
top: 50%;
left: 0rem;
transform: translateY(-50%);
height: 1.3rem;
width: 1.3rem;
background-image: url("/Runtime/Styles/Style%20profile/images/k2/save-icon.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
filter: brightness(0) invert(1);
}
html:not(.designer) .form .view .innerpanel > .grid{
background-color: transparent;
}
html:not(.designer).light [name*="attachmentSection"] {
border: 1px solid rgb(0 0 0 / 12%) !important;
}
html:not(.designer).light [name*="s_button s_save_button"]::before {
filter: none;
}
html:not(.designer) [name*="s_asterik"] {
color: var(--Navy-blue) !important;
}
html.mobile,
html.mobile body {
position: relative !important;
}
/* form */
html:not(.designer).light .form,
.mobile.light .theme-entry .runtime-form>.form,
html:not(.designer) [data-initial-theme="light"] .runtime-form>.form{
position: relative;
border-radius: 1rem;
overflow: hidden;
border: 1.6px solid #e5e4de;
border: none;
background-color: white!important;
}
div#\37 4c87488-468d-44a3-b315-7c6a8d514fda{
background-color:transparent!important;
}
html:not(.designer) .form,
.mobile body.theme-entry .runtime-form>.form {
background-color: rgb(4 50 76 / 90%)!important;
position: relative;
padding: 1rem 2rem !important;
border-radius: 1rem;
overflow: hidden;
}
/* sub sidebar start */
[name*="s_sub_sidebar"] {
display: none;
border-right: 1px solid rgb(255 255 255 / 10%);
border-radius: 0!Important;
height: calc(100% - 4rem);
}
html:not(.designer).light body.theme-entry [name*="s_sub_sidebar"] {
border-right: 1px solid rgb(0 0 0 / 10%);
}
[name*="s_sub_sidebar"] {
width: 100% !important;
background-color: white;
}
[name*="s_sub_sidebar"] .root-table [name*="Table2"] > .editor-cell{
padding-top:1rem!important;
overflow:visible!important;
}
[name*="s_sub_sidebar"] [name*="stepContainer"]:last-child [name*="s_step"]::after{
display:none;
}
/* header */
html:not(.designer) .theme-entry header,
html:not(.designer) header {
position: relative;
top: 0;
left: 0;
width: 100%;
margin: 0 0 1rem !important;
backdrop-filter: blur(15px);
z-index: 1;
padding: 0rem 0;
height: 11.8rem;
display: flex;
z-index: 2;
background-color: var(--Header_Background_Color);
opacity: 0;
transform: translateY(-50%);
animation: 1s fadeDown forwards;
}
html:not(.designer) .theme-entry header>span {
width: 100%;
}
html:not(.designer) .theme-entry [name*="s_header"] {
display: none;
}
html:not(.designer) .theme-entry header [name*="s_header"] {
display: flex;
align-items: flex-end;
justify-content: flex-end;
flex-direction: column-reverse;
}
svg.openSidebar {
position: absolute;
top: 1.4rem;
left: 1rem;
height: 3rem;
width: 3rem;
z-index: 3;
}
span#\30 65e6456-0f7e-4b37-cecb-3ad707e8a86e {
width: 100%;
}
html:not(.designer) .panel {
background-color: transparent !important;
}
html:not(.designer) {
overflow: auto;
}
html:not(.designer) [name*="view_move_right"] {
width: 100% !important;
}
html:not(.designer) .theme-entry span[name*="PageTitle"] {
font-size: 1.3rem !important;
font-family: var(--mediumFont) !important;
padding-bottom: unset !important;
color: var(--Page_Title_Color)!important;
font-size: var(--fs-h3) !important;
}
html:not(.designer) .theme-entry [name*="PageDesc"] {
font-size: var(--fs-body);
font-family: var(--regularFont) !important;
padding-top: 0 !important;
color: var(--Header_Description_Color);
}
html:not(.designer) .closeSubPanel:hover {
background-color: var(--Navy-blue-low-opacity);
}
.theme-entry .root-table.Grid-Layout>.editor-cell.lastrow,
.theme-entry .root-table.editor-grid>.editor-cell.lastrow {
padding: 0 !important;
}
html:not(.designer) body.theme-entry .root-table.Grid-Layout>.editor-cell.lastrow[name*="s_textbox"],
html:not(.designer) body.theme-entry .root-table.Grid-Layout>.editor-cell.lastrow[name*="s_dropdown"],
html:not(.designer) body.theme-entry .root-table.Grid-Layout>.editor-cell.lastrow[name*="s_picker"],
html:not(.designer) body.theme-entry .root-table.Grid-Layout>.editor-cell.lastrow[name*="s_textarea"],
html:not(.designer) body.theme-entry .root-table.editor-grid>.editor-cell.lastrow[name*="s_textbox"],
html:not(.designer) body.theme-entry .root-table.editor-grid>.editor-cell.lastrow[name*="s_dropdown"],
html:not(.designer) body.theme-entry .root-table.editor-grid>.editor-cell.lastrow[name*="s_picker"],
html:not(.designer) body.theme-entry .root-table.editor-grid>.editor-cell.lastrow[name*="s_textarea"],
html:not(.designer) body.theme-entry .form [name*="s_textbox"],
html:not(.designer) body.theme-entry .form [name*="s_dropdown"],
html:not(.designer) body.theme-entry .form [name*="s_picker"],
html:not(.designer) body.theme-entry .form [name*="s_textarea"],
html:not(.designer) body.theme-entry.runtime-view [name*="s_textbox"],
html:not(.designer) body.theme-entry.runtime-view [name*="s_dropdown"],
html:not(.designer) body.theme-entry.runtime-view [name*="s_picker"],
html:not(.designer) body.theme-entry.runtime-view [name*="s_textarea"]{
padding: var(--Fields_Padding)!important;
}
html:not(.designer) body.theme-entry .form [name*="s_textarea"],
html:not(.designer) body.theme-entry.runtime-view [name*="s_textarea"]{
padding-top:1rem!important;
padding-bottom:1rem!important;
}
.theme-entry .grid .grid-column-header-cell.asc .grid-column-header-cell-wrapper:before {
display: none;
}
.filterChosen.filter {
display: none !important;
}
.quickSearch.filter .filterLabel {
position: relative;
display: none;
}
.quickSearch.filter::before {
content: "Search by:";
position: relative;
left: 0;
width: fit-content;
color: #131313;
font-size: 1rem;
font-family: var(--regularFont) !important;
}
.filterTxt {
width: 21rem !important;
}
.filterTxt .input-control-wrapper {
width: 100% !important;
}
.quickSearch.filter .toolbar-button.toolbar-button-inline.style-aware.refresh {
position: absolute;
right: 1.5rem;
top: -0.5rem;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
}
.quickSearch.filter {
position: relative;
}
html:not(.designer) div#\38 e458c01-9131-958c-6a07-4ffe569768cf_9fdca353-36fd-de2d-3a7f-ac96d5f78878_Table,
html:not(.designer) span#\30 c681cbb-b33a-fadc-6c71-3df1f2a23845,
div#\38 1f2822e-9863-4253-9c88-ab211b945765_f9e31820-4dcd-c52d-0995-057692a749e0_Table,
div#ac0025fa-bd99-4903-be68-2cd7ba015341_f9e31820-4dcd-c52d-0995-057692a749e0_Table,
div#\38 7195263-2bb1-454d-9290-0b1b14c5345b_9fdca353-36fd-de2d-3a7f-ac96d5f78878_Table,
div#d2199b04-d889-47e9-b227-f74437dabaaa_9fdca353-36fd-de2d-3a7f-ac96d5f78878_Table,
div#\30 6396829-9841-d33d-5c0d-5f9398e79fd3_48b07caa-52a9-47ba-b841-f1c45094290e_Table,
div#\38 e458c01-9131-958c-6a07-4ffe569768cf_9fdca353-36fd-de2d-3a7f-ac96d5f78878_Table,
div#\31 db5f6c7-4b2d-4116-871c-a6f775676b7e_df575d8e-89ea-32e3-d70c-6c3bef8f364e_Table,
div#\38 a0fcee9-63fa-480f-8333-2765f91c6fc2_48b07caa-52a9-47ba-b841-f1c45094290e_Table,
div#a1a8cba9-43b5-4111-bddb-bf5d8c1ce173_48b07caa-52a9-47ba-b841-f1c45094290e_Table,
html:not(.designer) [name*="tableGap"],
html:not(.designer) [name*="tableGap"] > [name*="Table"]{
gap: 0.7rem 0.7rem;
}
/* stepper */
html:not(.designer) .completedStep::before {
content: "";
background-image: url("/Runtime/Styles/Style%20profile/images/k2/Done.png");
background-size: contain;
height: 2.9rem;
width: 2.9rem;
background-repeat: no-repeat;
position: absolute;
left: 50%;
top: -50%;
transform: translateX(-50%) translateY(100%);
}
html:not(.designer) .inProgressStep::before {
content: "";
background-image: url("/Runtime/Styles/Style%20profile/images/k2/InProgress.png");
background-size: contain;
height: 2.9rem;
width: 2.9rem;
background-repeat: no-repeat;
position: absolute;
left: 50%;
top: -50%;
transform: translateX(-50%) translateY(100%);
}
html:not(.designer) .pendingStep::before {
content: "";
background-image: url("/Runtime/Styles/Style%20profile/images/k2/PendingDark.png");
background-size: contain;
height: 2.9rem;
width: 2.9rem;
background-repeat: no-repeat;
position: absolute;
left: 50%;
top: -41%;
transform: translateX(-50%) translateY(100%);
}
html:not(.designer).light .pendingStep::before {
background-image: url("/Runtime/Styles/Style%20profile/images/k2/Pending.png");
}
html:not(.designer) [name*="s_step"]{
position:relative;
}
html:not(.designer).light [name*="s_step"]::after {
background-color: rgb(0 0 0 / 15%) !important;
}
html:not(.designer) [name*="s_step"]::after {
content: "";
position: absolute;
z-index: 0;
left: 1.5rem;
top: 111%;
width: 1px;
height: 2.5rem;
background-color: rgb(255 255 255 / 10%) !important;
}
html:not(.designer) .completedStep[name*="s_step"]::after {
background-color: #6fc978 !important;
}
html:not(.designer) [name*="stepTitle"] {
color: white !important;
font-size: var(--fs-body)!important;
font-family: var(--mediumFont)!important;
padding: 0 !important;
text-align: center;
margin-top: 4rem;
margin-bottom: 0!important;
}
html:not(.designer).light [name*="stepTitle"] {
color: #002134 !important;
}
html:not(.designer).light [name*="stepDescription"] {
color: rgb(0 0 0 / 70%) !important;
margin: 0!important;
}
html:not(.designer) [name*="stepDescription"] {
font-size: var(--fs-caption);
color: rgba(255,255,255,.7) !important;
font-family: var(
--regularFont);
padding: 0 !important;
display: none;
margin: 0!Important;
}
/* remove the vertical line from the last step */
div#\36 fb1c2f9-761d-94a4-edc6-7090c460123a_f25fbbe5-959e-25be-71e6-246c4c9fc7ba_Table::after {
display: none !important;
}
/* position control buttons at the bottom of the form */
[name*="AR_AwardRecommendationRequest_Form"],
html:not(.designer) div#a1785b7c-5537-44bf-a510-6f3e6760d6b1_9cf1ee05-5e62-9845-8d82-6c780b7d3e16_d0300780-c69e-30af-366b-fb216c06c0a2_aaa4b5ee-9511-44ba-ac7e-91b5ad0b7cba,
html:not(.designer) div#\30 96be5b7-6d7c-4600-b68b-5cb91a9d0323_43a0cf06-c0ec-fe93-3bbc-c014fc40a1f5_e38beaa1-91cc-b6c7-ed3c-f28a1fe0b315_aaa4b5ee-9511-44ba-ac7e-91b5ad0b7cba{
margin-bottom: 2rem !important;
margin-top: 1rem !important;
}
.runtime-content {
margin: 0 0rem !important;
}
.on-focus[name*="s_textarea"] [name*="s_label"],
html:not(.designer) .form.editingForm [name*="s_textarea"] [name*="s_label"]{
font-size: var(--fs-caption);
}
/* radio button */
html:not(.designer) .theme-entry .input-control.radio.style-aware svg .svg-radio-btn-circle,
html:not(.designer) .theme-entry .input-control.radio.style-aware circle.svg-radio-btn-checked {
fill: #002134 !important;
stroke: none;
}
html:not(.designer).light .input-control.radio.style-aware svg .svg-radio-btn-circle,
html:not(.designer).light .input-control.radio.style-aware circle.svg-radio-btn-checked{
fill: #F3E3DE!important;
}
html:not(.designer).light .input-control.style-aware.radio.checked svg .svg-radio-btn-circle{
fill: var(--Purple) !important;
fill: var(--Isabelline)!important;
}
html:not(.designer) .grid-header,
html:not(.designer) .grid-header-wrapper{
background: transparent!important;
}
html:not(.designer) .input-control.style-aware.radio.checked circle.svg-radio-btn-checked {
fill: var(--Purple) !important;
r: 8;
}
html:not(.designer) .input-control.style-aware.radio.checked.read-only circle.svg-radio-btn-checked {
fill: rgba(57, 94, 117, 0.6) !important;
r: 4;
}
html:not(.designer).light .input-control.style-aware.radio.checked.read-only circle.svg-radio-btn-checked {
fill: #50778D !important;
}
html:not(.designer) .theme-entry .stack-container .stack div.multi-select-box-list-item label.input-control .input-control-text {
max-width: unset !important;
min-height: unset !important;
line-height: unset !important;
height: unset !important;
font-size: var(--fs-body)!important;
font-family: var(--regularFont) !important;
}
html:not(.designer) .stack-container .stack div.multi-select-box-list-item label.input-control .input-control-text {
color: white;
}
html:not(.designer).light .stack-container .stack div.multi-select-box-list-item label.input-control .input-control-text {
color: inherit;
}
html:not(.designer).light .form.editingForm .stack-container .stack div.multi-select-box-list-item label.input-control .input-control-text, html:not(.designer) body.theme-entry .form.editingForm .stack-container .stack div.multi-select-box-list-item label.input-control .input-control-text {
color: #537A91;
}
html:not(.designer) .theme-entry .stack-container .stack div.multi-select-box-list-item label.input-control {
display: flex;
align-items: center;
}
html:not(.designer) [name*="attachmentSection"] .toolbar .toolbar-wrapper>table>tbody>tr>td:first-child {
display: flex;
justify-content: flex-end;
height: 5rem;
gap: 1rem;
}
html:not(.designer) .commentsAttachments [name*="attachmentSection"] .toolbar .toolbar-wrapper>table>tbody>tr>td:first-child {
height: unset !important;
}
html:not(.designer) [name*="attachmentSection"] .grid-column-headers ,
html:not(.designer) .grid-column-headers {
border-radius: .5rem !important;
background-color: #002134!important;
overflow: hidden;
border: none !important;
padding: 0;
}
html:not(.designer) .theme-entry [name*="attachmentSection"] .toolbar,
html:not(.designer) .theme-entry [name*="attachmentSection"] .toolbars.single .toolbar{
min-height:unset!important;
height: 3.3rem;
}
html:not(.designer).light [name*="attachmentSection"] .grid-column-headers ,
html:not(.designer).light .grid-column-headers {
background-color: rgb(249 242 237) !important;
}
html:not(.designer) [name*="attachmentSection"] .grid-column-headers {
background-color: var(--Navy-blue) !important;
}
html:not(.designer) [name*="attachmentSection"] {
border: 1px solid rgb(255 255 255 / 10%) !important;
border-radius: .8rem !important;
padding: 1rem 1rem;
}
html:not(.designer) [name*="attachmentSection"] col.sortable{
width: auto !important;
}
html:not(.designer) [name*="attachmentSection"] .grid-column-header-cell{
width:100%!important;
padding: 0!important;
}
html:not(.designer) [name*="attachmentSection"] td:nth-child(2) .grid-column-header-cell{
padding: 0rem 1rem;
}
html:not(.designer) body.theme-entry .grid-content-cell.edit-mode{
padding: .4rem 1rem .4rem 1rem!important;
margin: 1rem 0;
}
/* toolbar icons */
.toolbar-button.add,
.toolbar-button.edit,
.toolbar-button.delete,
.toolbar-button.save {
position: relative;
padding: 0 1rem;
}
.toolbar-button.add svg,
.toolbar-button.edit svg,
.toolbar-button.delete svg,
.toolbar-button.save svg {
display: none;
}
.toolbar-button::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0.3rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 1rem;
width: 1rem;
filter: brightness(0) invert(1);
}
html:not(.designer).light .toolbar-button.add::before,
html:not(.designer).light .toolbar-button.edit::before,
html:not(.designer).light .toolbar-button.delete::before,
html:not(.designer).light .toolbar-button.save::before,
html:not(.designer).light [name*="Review Details Button"]::before{
filter: none;
}
.toolbar-button.add::before {
background-image: url("/Runtime/Styles/Style%20profile/images/k2/add.svg");
filter: brightness(0) invert(1);
}
.toolbar-button.edit::before {
background-image: url("/Runtime/Styles/Style%20profile/images/k2/edit.svg");
}
.toolbar-button.delete::before {
background-image: url("/Runtime/Styles/Style%20profile/images/k2/delete.svg");
}
.toolbar-button.save::before {
background-image: url(/Runtime/Styles/Style%20profile/images/k2/save-icon.svg);
}
html:not(.designer) .theme-entry .grid.without-footer.without-summary .grid-body-content-wrapper {
background-color: transparent !important;
}
html:not(.designer) [name*="attachmentSection"] .grid-column-headers .grid-column-header-text {
color: #001e2d !important;
text-transform: capitalize;
font-family: var(--regularFont);
}
.theme-entry .input-control.select-box .input-control-buttons a:hover {
background-color: transparent !important
}
.theme-entry .input-control.text-input.readonly .input-control-m-c,
.theme-entry .input-control.text-input.read-only .input-control-m-c {
background-color: transparent !important;
}
.theme-entry .base2.base1.modalizer {
z-index: 4 !important;
}
.theme-entry .drop-menu ul.drop-menu li{
width:100%!important;
}
.theme-entry .drop-menu ul.drop-menu li a:hover{
background-color:white;
}
.theme-entry .drop-menu ul.drop-menu li a:hover span{
color:var(--Navy-blue);
}
html:not(.designer) body.theme-entry .drop-menu ul.drop-menu {
width: 100% !important;
margin-left: 0rem !important;
}
.theme-entry .input-control.checkbox.style-aware .input-control-text {
font-family: var(--regularFont) !important;
font-size: var(--fs-body)!important;
}
.drop-menu li.selected:first-child {
background-color: white !important;
}
html:not(.designer).light .drop-menu li.selected:first-child {
background-color: #05263A !important;
}
.theme-entry .input-control.select-box.disabled .input-control-buttons a,
.theme-entry .input-control.select-box.disabled .input-control-buttons a:hover,
.theme-entry .input-control.select-box.disabled .input-control-buttons a:focus {
background-color: transparent !important;
}
.file-tn-cell {
display: none;
}
.theme-entry .grid-content-table tbody tr td.file-info-cell.file-ellipsis {
border: none !important;
outline: none !important;
}
td.file-info-cell.file-ellipsis .file-info.file-ellipsis {
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-clamp: 1;
overflow: hidden;
white-space: nowrap;
color: white;
font-family: var(--mediumFont);
font-size: 1rem !important;
}
.light td.file-info-cell.file-ellipsis .file-info.file-ellipsis {
color: var(--Navy-blue);
}
.theme-entry .file-wrapper.uploaded {
border: none !important;
padding: 0 1rem;
}
[name*="attachmentSection"] table.grid-content-table>tbody>tr>td,
[name*="attachmentSection"] table.grid-content-table>tr>td {
border: none !important;
background-color: transparent !important;
}
/* SUCCESS MESSAGE START */
[name*="successMessageTitle"] {
font-size: 1.6rem !important;
font-family: var(--mediumFont) !important;
margin: 1rem 0 0rem !important;
color: white !important;
}
html:not(.designer).light [name*="successMessageTitle"] {
color: var(--Navy-blue) !important;
}
[name*="Reference No Data Label"] {
background-color: #FFBFB2;
padding: 0.4rem 1rem !important;
font-size: 1.05rem;
font-family: var(--mediumFont);
border-radius: 0.5rem;
color: var(--Navy-blue) !important;
}
[name*="successIcon"] {
height: 6rem !important;
width: 6rem !important;
}
a.fileImage.static {
font-size: 1.05rem;
font-family: var(--mediumFont) !important;
color: var(--Table_Body_Color) !important;
padding: 1rem 1.2rem !important;
width: 100%;
}
.theme-entry [name*="attachmentSection"] table.grid-content-table.zebra-stripes tr {
background-color: transparent !important;
}
.file-wrapper.showinfo.uploaded {
border: none !important;
color: white!important;
}
html:not(.designer) .theme-entry [name*="view_move_left attachmentSection"] {
background-color: #F9F0EB !important;
border: 1px solid rgb(57 94 117 / 60%) !important;
pointer-events: none;
}
html:not(.designer) .theme-entry [name*="view_move_left attachmentSection"] .grid-column-headers {
background-color: rgb(255 255 255 / 70%) !important;
}
html:not(.designer) .theme-entry [name*="view_move_left attachmentSection"] [name*="viewTitle"] {
color: rgb(57 94 117 / 85%) !important;
padding: 1rem;
}
html:not(.designer) .theme-entry [name*="view_move_left attachmentSection"] a.fileImage.static {
color: rgb(57 94 117 / 85%) !important;
}
html:not(.designer) .theme-entry .toolbar>.toolbar-wrapper>table>tbody>tr>td {
padding: 0 !important;
}
.theme-entry .input-control.select-box .input-control-m-c{
border:none!important;
min-height: unset!important;
height: unset!important;
align-content: center;
align-items: center;
display: flex;
background-color: transparent;
}
html:not(.designer) .theme-entry .editingForm [name*="s_calendar"] .input-control.select-box .input-control-m-c{
margin-top:1rem!important;
}
span[name*="s_dropdown"]:has(.select-box.disabled) input
span[name*="s_picker"]:has(.select-box.disabled) input{
color: rgb(57 94 117 / 85%) !important;
}
.theme-entry .input-control.checkbox .svg-checkbox-box {
rx: 3;
ry: 3;
stroke: #0b3d5a !important;
fill: var(--Navy-blue) !important;
}
.theme-entry .input-control.checkbox.style-aware.read-only .svg-checkbox-box {
stroke: var(--Navy-blue-low-opacity);
fill: #F9F0EB;
rx: 3;
ry: 3;
}
.theme-entry .input-control.checkbox.style-aware.checked .svg-checkbox-checked {
fill: #37C759 !important;
height: .8rem;
width: .8rem;
}
.grid-column-header-table td .grid-column-header-text {
border: none;
padding: 0rem 0rem !important;
background-color: rgb(244 231 219) !important;
background-color: transparent !important;
color: #002134 !important;
font-family: var(--regularFont);
font-size: 1.05rem;
font-family:var(--mediumFont);
border-right:1px solid rgb(255 255 255 / 10%);
}
.light .grid-column-header-table td .grid-column-header-text {
border-right:1px solid rgb(0 0 0 / 10%);
}
.theme-entry .grid td:first-child .grid-column-header-cell{
padding-left:1rem;
}
.grid-column-header-table td:last-child .grid-column-header-text{
border:none;
}
html:not(.designer).light [name*="attachmentSection"] .grid-column-headers .grid-column-header-text{
color: #001e2d !important;
}
html:not(.designer) .grid-column-header-table td {
background-color: var(--Navy-blue) !important;
}
.file-delete {
margin-right: 1rem;
margin-top: 1rem;
}
.file-thumbnail,
.image-thumbnail,
.file-tn-cell {
display: none !important;
padding: 0 !important;
}
[name*="Review Details Button"] {
position: relative;
padding-left: .5rem !important;
}
html:not(.designer) [name*="Review Details Button"]::before {
content: "";
position: absolute;
top: 50%;
left: .8rem;
transform: translateY(-50%);
height: 1.2rem;
width: 1.2rem;
background-image: url("/Runtime/Styles/Style%20profile/images/k2/review details.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
filter: brightness(0) saturate(100%) invert(99%) sepia(72%) saturate(2%) hue-rotate(35deg) brightness(107%) contrast(101%);
}
.theme-entry.runtime-form .grid .grid-content-cell-wrapper {
font-size: var(--fs-caption);
padding: 0rem !important;
color: var(--Navy-blue);
text-align: left;
background-color: transparent!important;
font-style: normal;
}
.theme-entry .grid .grid-column-header-cell .grid-column-header-text{
font-size:.9rem!important;
text-transform:capitalize!important;
color: white!important;
}
div#\37 edaed9a-032c-4fce-a780-69a0ae1005ad> .row:first-child {
display: none;
}
[name*="s_picker"] .picker{
top: 0rem;
height: calc(100% - 0.6rem);
align-content: center;
}
html:not(.designer) .runtime-form .grid .grid-content-cell-wrapper,
html:not(.designer) .input-control.checkbox.style-aware .input-control-text,
html:not(.designer) .grid .grid-content-cell-wrapper,
html:not(.designer) .theme-entry .grid .grid-content-cell{
color: white;
}
html:not(.designer).light .runtime-form .grid .grid-content-cell-wrapper,
html:not(.designer).light .input-control.checkbox.style-aware .input-control-text,
html:not(.designer).light .grid .grid-content-cell-wrapper,
html:not(.designer).light .theme-entry .grid .grid-content-cell{
color: var(--Navy-blue);
}
.theme-entry .grid .grid-body-content-wrapper{
background-color:transparent!important;
}
html:not(.designer).light .theme-entry .grid .grid-content-cell{
background-color:transparent!important;
}
html:not(.designer).light .input-control.checkbox .svg-checkbox-box{
fill: #F6E2D5 !important;
stroke: #EAD1C2 !important;
}
html:not(.designer) .searchBar>table tr {
border: 1px solid #bebebe;
border-radius: .5rem;
height: 3rem !important;
}
html:not(.designer) .theme-entry .ControlPack-Worklist .SourceCodeFormsControlsWorklist .SearchClearTD .worklist-search-clear-outer-wrapper,
html:not(.designer) .theme-entry .SourceCodeFormsControlsWorklist .WorklistThemeIconContainer.worklist-execute-search-icon {
border: none !important;
}
html:not(.designer) .theme-entry .SourceCodeFormsControlsWorklist .searchBar tr>td:first-child {
font-size: 1rem !important;
margin-left: 1rem !important;
font-family: var(--regularFont) !important;
padding-left: 1rem;
}
body>form {
position: relative;
width: 100%;
}
form.file-input{
width:fit-content!important;
}
.RequestsDashboardControl-RequestsDashboardControl .container {
gap: 1rem;
}
.mobile .theme-entry .drop-menu ul.drop-menu li a {
min-height: unset !important;
padding: .4rem 1rem !important;
}
.noData.d-flex.align-items-center.justify-content-center.flex-column {
flex-direction: column!important;
align-items: center!important;
justify-content: center!important;
height: 100%;
}
span#e0eb6758-87f1-b262-e4cb-bdfa14d879b3 {
width: 90%!important;
margin: auto;
}
span#e0eb6758-87f1-b262-e4cb-bdfa14d879b3 a{
margin:.3rem 0!important;
}
html:not(.designer) .theme-entry .popup.dialog.runtime-message .message-box-content .scroll-wrapper {
overflow: hidden;
}
.dropdown-item{
font-family:var(--regularFont)!important;
font-size:.9rem!important;
}
.noData h5,.noData p {
font-size: 1.1vw;
margin-bottom:.6vw;
font-family:var(--mediumFont);
color: white;
}
.light .noData p{
color:inherit;
}
.light .noData h5
{
color: var(--Navy-blue);
}
html:not(.designer) .theme-entry .input-control.select-box.read-only input[type=text],
html:not(.designer) .theme-entry .input-control.select-box.read-only a.input-control{
color:rgba(57, 94, 117, 0.85)!important;
position: relative!important;
padding: 0;
}
html:not(.designer) body.theme-entry span[name*="s_dropdown"]:has(.select-box.read-only) [name*="s_label"],
html:not(.designer) body.theme-entry span[name*="s_picker"]:has(.select-box.read-only) [name*="s_label"]{
font-size: var(--fs-caption)!important;
color: var(--Read_Only_Label_Color);
padding: 0 !important;
}
span[name*="s_textbox"]:has(input[readonly]) input {
color: rgba(57, 94, 117, 0.85)!important;
}
html:not(.designer) .theme-entry .grid .grid-body-content{
font-family: var(--regularFont)!important;
}
html:not(.designer) body.theme-entry textarea[name*="s_textarea"] {
padding:.6rem 1rem!important;
}
.theme-entry [name*="s_dropdown"].on-focus .input-control.select-box .input-control-buttons{
top: 0.6rem;
}
.theme-entry.runtime-form span.runtime-list-item-wrap, .theme-entry.runtime-form span.runtime-list-item{
padding: 1rem 0;
}
html:not(.designer).light .notification-item a{
border-bottom: 0.0625rem solid #e6eaee;
}
.notification-list .notification-item:last-child a {
border-bottom: unset !important;
}
html:not(.designer).light .request-status-badge {
border: 0.188rem solid rgb(0 33 52 / 100%);
}
html:not(.designer) body.theme-entry [name*="s_textbox"] input.invalid,
html:not(.designer) body.theme-entry [name*="s_textbox"]:has(input.invalid) [name*="s_label"] ,
html:not(.designer).light body.theme-entry [name*="s_textbox"] input.invalid,
html:not(.designer).light body.theme-entry .invalid [name*="s_textarea"],
html:not(.designer).light body.theme-entry .invalid [name*="s_textarea"] [name*="s_label"],
html:not(.designer) body.theme-entry [name*="s_textarea"]:has(.invalid),
html:not(.designer) body.theme-entry [name*="s_textarea"]:has(.invalid) [name*="s_label"]{
color:var(--pill-error-text-color)!important;
}
html:not(.designer) body.theme-entry .editor-cell.lastrow[name*="s_textarea"]:has(.invalid){
background-color: var(--input-error-background-color) !important;
border-color: var(--input-error-border-color) !important;
}
.edit-template-row{
border: none!important;
}
html:not(.designer) [name*="attachmentSection"] .grid-column-headers .grid-column-header-text {
font-size:var(--fs-body)!important;
font-size: var(--fs-caption)!important;
color: white!important;
}
.theme-entry .grid-content-cell a.fileImage.static{
font-size:var(--fs-caption);
font-family:var(--regularFont)!important;
padding:0.5rem 0.6rem!important;
text-align: inherit;
}
html:not(.designer) [name*="headerLogo"] {
width: 11rem;
height: auto !important;
filter:brightness(0) saturate(100%) invert(99%) sepia(72%) saturate(2%) hue-rotate(35deg) brightness(107%) contrast(101%);
}
html:not(.designer) [name*="headerLogo"] img{
height:100%;
width:100%;
object-fit:contain;
}
html:not(.designer).light [name*="headerLogo"]{
filter:none;
}
/* PAGINATION */
html:not(.designer) .theme-entry .grid .grid-footer .toolbar .toolbar-wrapper{
display:flex;
align-items:center;
}
html:not(.designer) .theme-entry .grid .grid-footer .toolbar .toolbar-wrapper a{
min-height: unset!important;
padding:0!important;
}
html:not(.designer) .theme-entry .dialog#PickerSearchDialog a.toolbar-button span{
margin:0!important;
line-height:unset!important;
display: flex;
align-items: center;
justify-content: center;
}
html:not(.designer) .theme-entry a.toolbar-button.paging-right .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-right.disabled:hover .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-right.disabled:active .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-right.disabled:focus .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-right .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-right.disabled:hover .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-right.disabled:active .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-right.disabled:focus .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-last .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-left .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-left.disabled:hover .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-left.disabled:active .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-left.disabled:focus .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-first .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-first.disabled:hover .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-first.disabled:active .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-first.disabled:focus .button-icon{
background-repeat:no-repeat;
background-position:center!important;;
background-size:contain;
height:1rem!important;
width:1rem!important;
filter:brightness(0) saturate(100%) invert(99%) sepia(72%) saturate(2%) hue-rotate(35deg) brightness(107%) contrast(101%);
}
html:not(.designer).light .theme-entry a.toolbar-button.paging-right .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-right.disabled:hover .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-right.disabled:active .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-right.disabled:focus .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-right .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-right.disabled:hover .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-right.disabled:active .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-right.disabled:focus .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-last .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-left .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-left.disabled:hover .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-left.disabled:active .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-left.disabled:focus .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-first .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-first.disabled:hover .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-first.disabled:active .button-icon,
html:not(.designer).light .theme-entry a.toolbar-button.paging-first.disabled:focus .button-icon{
filter:none;
}
html:not(.designer) .theme-entry a.toolbar-button.paging-right .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-right.disabled:hover .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-right.disabled:active .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-right.disabled:focus .button-icon{
background-image:url("/Runtime/Styles/Style%20Profile/images/pagination/chevron-right.svg");
}
html:not(.designer) .theme-entry a.toolbar-button.paging-left .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-left.disabled:hover .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-left.disabled:active .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-left.disabled:focus .button-icon{
background-image:url("/Runtime/Styles/Style%20Profile/images/pagination/chevron-right.svg");
scale:-1 1;
}
html:not(.designer) .theme-entry a.toolbar-button.paging-last .button-icon{
background-image:url("/Runtime/Styles/Style%20Profile/images/pagination/double-chevron-right.svg");
}
html:not(.designer) .theme-entry a.toolbar-button.paging-first .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-first.disabled:hover .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-first.disabled:active .button-icon,
html:not(.designer) .theme-entry a.toolbar-button.paging-first.disabled:focus .button-icon{
background-image:url("/Runtime/Styles/Style%20Profile/images/pagination/double-chevron-right.svg");
scale:-1 1;
}
.theme-entry .dialog.sub-view iframe.runtime-popup{
height: 14vw!important;
}
html:not(.designer) .theme-entry .popup-header-buttons a.close{
background-image:url("/Runtime/Styles/Style%20profile/images/close.svg")!important;
background-position:center!important;
background-size:contain!important;
margin-right: 0;
filter: brightness(0) saturate(100%) invert(99%) sepia(72%) saturate(2%) hue-rotate(35deg) brightness(107%) contrast(101%);
}
html:not(.designer).light .theme-entry .popup-header-buttons a.close{
filter:none;
}
html:not(.designer) body.theme-entry [name*="toolbarButtonsGap"]{
gap:.5rem;
}
/**/
html:not(.designer) body.theme-entry [name*="s_textbox"]:has(.readonly),
html:not(.designer) body.theme-entry [name*="s_textbox"]:has(input[readonly]),
html:not(.designer) body.theme-entry .form .editor-cell.lastcellinrow[name*="s_textbox"]:has(input[readonly]),
html:not(.designer) body.theme-entry .form [name*="s_textarea"]:has(textarea[readonly]),
html:not(.designer) body.theme-entry .editor-cell.lastrow[name*="s_textarea"]:has(textarea[readonly]),
html:not(.designer) body.theme-entry [name*="s_textarea"]:has([readonly]),
html:not(.designer) body.theme-entry [name*="s_calendar"]:has([readonly]),
html:not(.designer) body.theme-entry.runtime-view [name*="s_calendar"]:has([readonly]),
html:not(.designer) body.theme-entry.runtime-view .editor-cell.lastcellinrow[name*="s_calendar"]:has([readonly]){
background-color:var(--Read_Only_Fields_Background)!important;
border: var(--Read_Only_Fields_Border)!important;
}
html:not(.designer) body.theme-entry [name*="viewCentered"] {
max-width:80%;
width:100%!important;
margin:auto;
}
html:not(.designer) body.theme-entry [name*="viewCentered"] {
max-width: 90%;
width:100%!important;
margin:auto;
}
.theme-entry .grid .grid-column-header-cell.asc .grid-column-header-cell-wrapper:before, .theme-entry .grid .grid-column-header-cell.desc .grid-column-header-cell-wrapper:before{
display: none!important;
}
.theme-entry .id-picker-search .input-control.select-box input[type=text]{
color:white;
}
.light .theme-entry .id-picker-search .input-control.select-box input[type=text]{
color:var(--Navy-blue);
}
@media(max-width:767px) {
span#e0eb6758-87f1-b262-e4cb-bdfa14d879b3 {
flex-direction: column-reverse;
}
div#TablePager {
display: flex;
flex-wrap: wrap;
align-items: center!important;
justify-content: center!important;
}
}
@media(max-width:768px) {
div#c8550e1c-75df-44c7-bbf9-664f0a3e3d2d .row:nth-child(2),
div#c8550e1c-75df-44c7-bbf9-664f0a3e3d2d .row:nth-child(3){
display: none;
}
a#d0300780-c69e-30af-366b-fb216c06c0a2_ffed2a91-5336-8335-0c6a-53c85a505588 {
margin: .3rem 0 !important;
}
html:not(.designer) [name*="Review Details Button"]::before{
display:none;
}
html:not(.designer) .popup.dialog{
width:90%!important;
margin:auto;
}
div#\38 1f2822e-9863-4253-9c88-ab211b945765_f9e31820-4dcd-c52d-0995-057692a749e0_Table {
display: grid;
}
div#ac0025fa-bd99-4903-be68-2cd7ba015341_f9e31820-4dcd-c52d-0995-057692a749e0_Table,
div#a1a8cba9-43b5-4111-bddb-bf5d8c1ce173_48b07caa-52a9-47ba-b841-f1c45094290e_Table,
div#\38 7195263-2bb1-454d-9290-0b1b14c5345b_9fdca353-36fd-de2d-3a7f-ac96d5f78878_Table,
div#\31 55f4b37-a341-4b06-8b08-dfb8f7a5f8e6_84d26666-48d8-3145-8736-a07d04c7a801_Table,
div#\32 d05c5c0-a2f0-4442-9929-92917471c198_df575d8e-89ea-32e3-d70c-6c3bef8f364e_Table{
display:flex;
flex-direction:column;
}
[name*="tableGap"]{
display:flex!important;
flex-direction:column!important;
}
div#\38 a0fcee9-63fa-480f-8333-2765f91c6fc2_48b07caa-52a9-47ba-b841-f1c45094290e_Table,
div#d2199b04-d889-47e9-b227-f74437dabaaa_9fdca353-36fd-de2d-3a7f-ac96d5f78878_Table,
div#f8d6c79f-52ae-4f9e-905f-6f5eaf1600a4_84d26666-48d8-3145-8736-a07d04c7a801_Table,
div#\31 db5f6c7-4b2d-4116-871c-a6f775676b7e_df575d8e-89ea-32e3-d70c-6c3bef8f364e_Table{
display: block;
}
div#\38 a0fcee9-63fa-480f-8333-2765f91c6fc2_48b07caa-52a9-47ba-b841-f1c45094290e_Table >span,
div#d2199b04-d889-47e9-b227-f74437dabaaa_9fdca353-36fd-de2d-3a7f-ac96d5f78878_Table >span,
div#f8d6c79f-52ae-4f9e-905f-6f5eaf1600a4_84d26666-48d8-3145-8736-a07d04c7a801_Table >span,
div#\31 db5f6c7-4b2d-4116-871c-a6f775676b7e_df575d8e-89ea-32e3-d70c-6c3bef8f364e_Table >span{
margin-bottom:1rem;
}
div#\36 fb1c2f9-761d-94a4-edc6-7090c460123a_1de4be7e-a6fa-7bbd-937a-fba6fff01587_Table {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
span#\32 0ff614e-8748-9641-cfc1-99a92d08146c,
span#\32 2c30f49-a461-feba-90a8-8d1d62e9c793,
span#\38 979f60b-3c25-8ba6-ee00-8f9c095889e1,
span#\34 78898ef-421e-99e3-c34c-b6dfb4dcb9d6{
display: flex;
width: 27%;
}
div#\30 6396829-9841-d33d-5c0d-5f9398e79fd3_48b07caa-52a9-47ba-b841-f1c45094290e_Table,
div#\38 e458c01-9131-958c-6a07-4ffe569768cf_9fdca353-36fd-de2d-3a7f-ac96d5f78878_Table,
div#\37 eff2a8c-13f5-8985-5acf-78223c9d695e_84d26666-48d8-3145-8736-a07d04c7a801_Table,
div#\38 0910334-4177-9217-1a68-fe8d49195d0b_df575d8e-89ea-32e3-d70c-6c3bef8f364e_Table {
display: flex;
flex-direction: column;
}
.mobile .theme-entry .form .row .view {
width: 100% !important;
}
.stack-container {
display: flex !important;
flex-direction: column;
}
}
@media(min-width:992px) {
html:not(.designer):root{
/* HEADER PADDING */
--Header_Padding:1rem 2rem;
}
a#d0300780-c69e-30af-366b-fb216c06c0a2_ee685e75-a8a7-e2b2-183a-e1f5a769bb1a,
a#d0300780-c69e-30af-366b-fb216c06c0a2_ffed2a91-5336-8335-0c6a-53c85a505588 {
position: relative;
left: 3%;
transform: translateX(-50%);
}
html:not(.designer) [name*="s_button s_save_button"]::before {
content: "";
position: absolute;
top: 50%;
left: 0rem;
transform: translateY(-50%);
height: 1.3rem;
width: 1.3rem;
background-image: url("/Runtime/Styles/Style%20profile/images/k2/save-icon.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
span#e0eb6758-87f1-b262-e4cb-bdfa14d879b3 {
width: auto!important;
margin: unset;
}
html:not(.designer) [name*="s_button"], html:not(.designer) .theme-entry .dialog .popup-footer .SourceCode-Forms-Controls-Web-Button{
width:auto;
margin: .5rem 0;
}
div#d0300780-c69e-30af-366b-fb216c06c0a2_18a1ca65-4c9d-7340-a6d9-d6da3cb0f632_Table{
justify-content:space-between;
}
html:not(.designer) .inProgressStep::before {
left: 0%;
top: -74%;
transform:translateY(100%);
}
html:not(.designer) .pendingStep::before{
left: 0%!important;
top: 0%;
transform: translateY(64%);
}
html:not(.designer) .completedStep::before {
left: 50%;
top: -84%;
transform: translateY(100%);
}
.mobile .theme-entry {
padding-left: 0rem;
padding-right: 0rem;
}
html:not(.designer) .pendingStep::before {
left: 50%;
top: 0%;
transform: translateY(8%);
}
html:not(.designer) .completedStep::before {
left: 0;
top: -84%;
transform: translateY(100%);
}
.mobile .theme-entry {
padding-left: 0rem;
padding-right: 0rem;
}
/* header */
.runtime-content {
margin: 0 2rem !important;
}
div#\31 0a3059d-7a94-320f-2582-0cab93440df4_7662667a-c796-4ce0-a20b-2a2204922fd7_Table {
background-color: transparent;
padding: o;
}
html:not(.designer) .theme-entry header [name*="s_header"] {
flex-direction:row;
justify-content:space-between;
}
html:not(.designer) .theme-entry header [name*="s_header"] span{
width:fit-content!important;
}
html:not(.designer) [name*="stepTitle"] {
margin-top: 0;
}
html:not(.designer) [name*="s_step"] {
padding-left: 4rem;
position: relative;
margin-bottom: 2rem;
overflow: visible;
}
html:not(.designer) [name*="stepDescription"]{
display:block;
}
.openSidebar {
display: none !important;
}
[name*="s_sub_sidebar"] {
position: absolute !important;
left: 2rem;
width: 20rem !important;
background-color: white;
padding-top: 2rem;
padding-bottom: 2rem;
display: block;
}
html:not(.designer) [name*="view_move_right"] {
margin-left: 22rem !important;
width: calc(100% - 22rem) !important;
height: unset;
min-height: unset;
margin-bottom: 1rem;
padding-top: 1rem;
}
.RequestsDashboardControl-RequestsDashboardControl .container {
gap: 0rem;
}
div#\31 837a6f6-046c-cfe9-fa66-ddaa04112fc9_9efe06c0-d4db-3aaa-7133-44ce71b3cd84_Table,
div#b7ef1f8a-77e3-d165-c71a-8c929e4c8be2_9efe06c0-d4db-3aaa-7133-44ce71b3cd84_Table,
div#\36 987f9dd-01c3-cef3-e2f7-6d1790c21b45_9efe06c0-d4db-3aaa-7133-44ce71b3cd84_Table{
margin: 8rem auto 10rem;
}
html body .requestsTile {
flex: 0 0 auto;
width: 58.33333333%;
padding-right: 1rem;
}
html:not(.designer) body.theme-entry {
padding-top: 7.5rem;
padding-left: 19.5rem;
}
html:not(.designer) .theme-entry header,
html:not(.designer) header {
left: var(--sidebar_width_body_padding);
width: calc(100% - var(--sidebar_width_body_padding));
flex-direction: row;
justify-content: space-between !important;
height: 7rem !important;
padding: var(--Header_Padding);
position: fixed;
}
}
@media(min-width:1200px){
html:not(.designer) body.theme-entry [name*="viewCentered"] {
max-width: 70%;
width:100%!important;
margin:auto;
}
}
@media(min-width: 1600px) {
html:root{
--border-radius-05:.5vw;
--font-size-1rem:1vw;
--font-size-2rem:2vw;
--font-size-3rem:3vw;
--font-size-4rem:4vw;
--Fields_Height:3vw;
--Fields_Min_Height:3vw;
--Fields_Border_Radius:0.5vw;
--Fields_Padding:0 1vw;
--field_label_top: 0.2vw;
--sidebar_width_body_padding:19.5vw;
/* HEADER PADDING */
--Header_Padding:0.8vw 1.5vw;
--fs-h1: 1.9vw;
--fs-h2: 1.65vw;
--fs-h3: 1.4vw;
--fs-h4: 1.2vw;
--fs-h5: 1.05vw;
--fs-h6: 0.95vw;
--fs-h7: 0.85vw;
--fs-body:0.92vw;
--fs-button: 0.85vw;
--fs-caption: 0.73vw;
}
html:not(.designer) body.theme-entry [name*="toolbarButtonsGap"]{
gap:.5vw;
}
html:not(.designer) [name*="s_label"]{
margin-bottom:1vw;
}
html:not(.designer) body.theme-entry .grid-content-cell.edit-mode{
padding:1vw 0!important;
}
html:not(.designer) .theme-entry .editingForm [name*="s_calendar"] .input-control.select-box .input-control-m-c{
margin-top:1rem!important;
}
html:not(.designer) body.theme-entry .form [name*="s_textarea"],
html:not(.designer) body.theme-entry.runtime-view [name*="s_textarea"]{
padding-top:1vw!important;
padding-bottom:1vw!important;
}
html:not(.designer) .theme-entry [name*="s_dropdown"] .select-box .input-control a.input-control span,
html:not(.designer) .theme-entry [name*="s_dropdown"] .select-box .input-control.watermark a.input-control span,
html:not(.designer) [name*="s_dropdown"] a.styling-font,
html:not(.designer) [name*="s_picker"] a.styling-font{
margin-top:1vw;
}
html:not(.designer) .theme-entry .editingForm [name*="s_dropdown"] .select-box .input-control a.input-control span,
html:not(.designer) .theme-entry .editingForm [name*="s_dropdown"] .select-box .input-control.watermark a.input-control span,
html:not(.designer) .editingForm [name*="s_dropdown"] a.styling-font,
html:not(.designer) .editingForm [name*="s_picker"] a.styling-font{
margin-top: 0vw;
}
html:not(.designer) .on-focus[name*="s_textbox"] input.SourceCode-Forms-Controls-Web-TextBox,
html:not(.designer) .form.editingForm input.SourceCode-Forms-Controls-Web-TextBox,
html:not(.designer) .on-focus[name*="s_textbox"] input.SourceCode-Forms-Controls-Web-TextBox:focus,
html:not(.designer) .form.editingForm input.SourceCode-Forms-Controls-Web-TextBox:focus{
top:.5vw;
}
html:not(.designer) .on-focus[name*="s_textarea"] [name*="s_label"],
html:not(.designer) .form.editingForm [name*="s_textarea"] [name*="s_label"]{
font-size: var(--fs-caption);
}
html:not(.designer) .on-focus[name*="s_calendar"] .input-control-m-c{
margin-top: 0.6vw;
}
.theme-entry .input-control.select-box .input-control-buttons a.date > span span,
.theme-entry .input-control.select-box .input-control-buttons a.date:active > span span,
.theme-entry .input-control.select-box.active .input-control-buttons a.date > span span,
.theme-entry .input-control.select-box.read-only .input-control-buttons a.date:hover > span span,
.theme-entry .input-control.select-box.read-only .input-control-buttons a.date:focus > span span,
.theme-entry .input-control.select-box.disabled .input-control-buttons a.date:hover > span span,
.theme-entry .input-control.select-box.disabled .input-control-buttons a.date:focus > span span,
.theme-entry .input-control.select-box .input-control-buttons a.picker-search > span span,
.theme-entry .input-control.select-box .input-control-buttons a.picker-search:active > span span,
.theme-entry .input-control.select-box.active .input-control-buttons a.picker-search > span span,
.theme-entry .input-control.select-box.read-only .input-control-buttons a.picker-search:hover > span span,
.theme-entry .input-control.select-box.read-only .input-control-buttons a.picker-search:focus > span span,
.theme-entry .input-control.select-box.disabled .input-control-buttons a.picker-search:hover > span span,
.theme-entry .input-control.select-box.disabled .input-control-buttons a.picker-search:focus > span span{
height:1vw;
width:1vw;
}
html:not(.designer) body.theme-entry .stack-container{
gap:2vw;
margin-bottom: 2vw;
}
html:not(.designer) .searchDdl .input-control.select-box.dropdown-box,
.grid-content-table .select-box{
height: 3vw!important;
min-height: 3vw!important;
border-radius: .5vw!important;
padding: 0 1vw;
}
.theme-entry .id-picker-search .input-control.select-box input[type=text]{
border-radius: .5vw !important;
padding: .4vw 1vw !important;
width:calc(100% - 2.1vw)!important;
}
.theme-entry .popup-footer-c{
gap:1rem;
}
html:not(.designer) .theme-entry .SourceCode-Forms-Controls-Web-Button[name*="Review Details Button"]{
padding-right:1vw!important;
}
div#\31 837a6f6-046c-cfe9-fa66-ddaa04112fc9_9efe06c0-d4db-3aaa-7133-44ce71b3cd84_Table,
div#b7ef1f8a-77e3-d165-c71a-8c929e4c8be2_9efe06c0-d4db-3aaa-7133-44ce71b3cd84_Table,
div#b7ef1f8a-77e3-d165-c71a-8c929e4c8be2_9efe06c0-d4db-3aaa-7133-44ce71b3cd84_Table,
div#\36 987f9dd-01c3-cef3-e2f7-6d1790c21b45_9efe06c0-d4db-3aaa-7133-44ce71b3cd84_Table{
margin: 8vw auto 10vw;
}
html:not(.designer) [name*="attachmentSection"] .toolbar .toolbar-wrapper>table>tbody>tr>td:first-child {
height: 3vw;
}
html:not(.designer) [name*="attachmentSection"] {
border-radius: .8vw !important;
padding: 1vw;
padding-top: 1vw;
padding-right: 1vw;
padding-bottom: 1vw;
padding-left: 1vw;
}
.noData h5 {
font-size: 1.1vw;
margin-bottom:.6vw;
}
.noData p{
font-size: var(--fs-body);
/* color: inherit; */
}
.noData .noDataImg{
width:8vw;
margin-bottom:1vw;
}
.noData .noDataImg img{
height:100%;
width:100%;
object-fit:contan;
}
.theme-entry .drop-menu ul.drop-menu li a{
padding:.4vw 1vw;
}
.theme-entry .input-control.select-box.read-only input[type=text],
.theme-entry .input-control.select-box.read-only a.input-control{
padding:0;
}
html:not(.designer) body.theme-entry input,
html:not(.designer) body.theme-entry textarea{
font-size: var(--fs-body)!important;
}
html:not(.designer) .commentsAttachments {
width: calc(100% - 28vw) !important;
padding: 2vw 2vw;
margin-top: 2vw;
border-radius: 1vw;
}
html:not(.designer) body.theme-entry span[name*="s_dropdown"]:has(.select-box.read-only) [name*="s_label"],
html:not(.designer) body.theme-entry span[name*="s_picker"]:has(.select-box.read-only) [name*="s_label"]{
top: 0.7vw;
}
html:not(.designer) div#a1785b7c-5537-44bf-a510-6f3e6760d6b1_9cf1ee05-5e62-9845-8d82-6c780b7d3e16_d0300780-c69e-30af-366b-fb216c06c0a2_aaa4b5ee-9511-44ba-ac7e-91b5ad0b7cba,
html:not(.designer) div#\30 96be5b7-6d7c-4600-b68b-5cb91a9d0323_43a0cf06-c0ec-fe93-3bbc-c014fc40a1f5_e38beaa1-91cc-b6c7-ed3c-f28a1fe0b315_aaa4b5ee-9511-44ba-ac7e-91b5ad0b7cba{
margin-bottom: 2vw !important;
margin-top: 1vw !important;
}
html:not(.designer) [name*="s_dropdown"] a.styling-font,
html:not(.designer) [name*="s_picker"] a.styling-font{
min-height: 3vw !important;
}
[name*="s_sub_sidebar"] {
left: 2vw;
width: 20vw !important;
padding-top: 1vw;
padding-bottom: 2vw;
}
html body .requestsTile {
padding-right: 1vw;
}
html:not(.designer) div#\38 e458c01-9131-958c-6a07-4ffe569768cf_9fdca353-36fd-de2d-3a7f-ac96d5f78878_Table,
html:not(.designer) span#\30 c681cbb-b33a-fadc-6c71-3df1f2a23845,
div#\38 1f2822e-9863-4253-9c88-ab211b945765_f9e31820-4dcd-c52d-0995-057692a749e0_Table,
div#ac0025fa-bd99-4903-be68-2cd7ba015341_f9e31820-4dcd-c52d-0995-057692a749e0_Table,
div#\38 7195263-2bb1-454d-9290-0b1b14c5345b_9fdca353-36fd-de2d-3a7f-ac96d5f78878_Table,
div#d2199b04-d889-47e9-b227-f74437dabaaa_9fdca353-36fd-de2d-3a7f-ac96d5f78878_Table,
div#\30 6396829-9841-d33d-5c0d-5f9398e79fd3_48b07caa-52a9-47ba-b841-f1c45094290e_Table,
div#\38 e458c01-9131-958c-6a07-4ffe569768cf_9fdca353-36fd-de2d-3a7f-ac96d5f78878_Table,
div#\31 db5f6c7-4b2d-4116-871c-a6f775676b7e_df575d8e-89ea-32e3-d70c-6c3bef8f364e_Table,
div#\38 a0fcee9-63fa-480f-8333-2765f91c6fc2_48b07caa-52a9-47ba-b841-f1c45094290e_Table,
div#a1a8cba9-43b5-4111-bddb-bf5d8c1ce173_48b07caa-52a9-47ba-b841-f1c45094290e_Table,
div#a1a8cba9-43b5-4111-bddb-bf5d8c1ce173_48b07caa-52a9-47ba-b841-f1c45094290e_Table,
div#a1a8cba9-43b5-4111-bddb-bf5d8c1ce173_48b07caa-52a9-47ba-b841-f1c45094290e_Table,
html:not(.designer) [name*="tableGap"] {
gap: 0.7vw 0.7vw;
}
html:not(.designer) [name*="Review Details Button"]::before {
height: 1.2vw;
width: 1.2vw;
}
[name*="successIcon"] {
height: 6vw !important;
width: 6vw !important;
}
[name*="Reference No Data Label"] {
padding: 0.4vw 1vw !important;
font-size: 1.05vw;
border-radius: 0.5vw;
}
/* SUCCESS MESSAGE START */
[name*="successMessageTitle"] {
font-size: 1.6vw !important;
margin: 1vw 0 0rem !important;
}
html:not(.designer) [name*="s_button s_save_button"]::before {
height: 1.1vw;
width: 1.1vw;
}
.theme-entry .input-control.checkbox.style-aware svg {
height: 1.4vw;
margin: 0.5vw .3vw;
}
.theme-entry .input-control.checkbox.style-aware .input-control-text {
height: 3vw;
line-height: 2.5vw;
}
html:not(.designer) body.theme-entry a.toolbar-button {
height: 3vw;
padding-right: 1vw;
margin-left: 0.8vw;
}
.toolbar-button::before {
left: -0.3vw;
height: 1vw;
width: 1vw;
}
html:not(.designer) [name*="s_textarea"] {
font-size: 1vw !important;
border-radius: .5vw !important;
padding: .4vw 1vw !important;
min-height: 6vw !important;
}
html:not(.designer) .form, .mobile body.theme-entry .runtime-form>.form {
margin: 1vw 0 !important;
padding: 1vw 2vw!important;
border-radius: 1vw;
}
html:not(.designer) [name*="headerLogo"] {
width: 11vw;
height: auto !important;
filter:brightness(0) saturate(100%) invert(99%) sepia(72%) saturate(2%) hue-rotate(35deg) brightness(107%) contrast(101%);
}
html:not(.designer).light [name*="headerLogo"]{
filter:none;
}
div#\31 837a6f6-046c-cfe9-fa66-ddaa04112fc9_9efe06c0-d4db-3aaa-7133-44ce71b3cd84_Table,
div#b7ef1f8a-77e3-d165-c71a-8c929e4c8be2_9efe06c0-d4db-3aaa-7133-44ce71b3cd84_Table,
div#b7ef1f8a-77e3-d165-c71a-8c929e4c8be2_9efe06c0-d4db-3aaa-7133-44ce71b3cd84_Table,
div#\36 987f9dd-01c3-cef3-e2f7-6d1790c21b45_9efe06c0-d4db-3aaa-7133-44ce71b3cd84_Table{
margin: 6vw auto 5vw;
}
a#d0300780-c69e-30af-366b-fb216c06c0a2_ee685e75-a8a7-e2b2-183a-e1f5a769bb1a,
a#d0300780-c69e-30af-366b-fb216c06c0a2_ffed2a91-5336-8335-0c6a-53c85a505588 {
left: 7%;
}
[name*="viewTitle"],
.theme-entry .grid-header-wrapper .grid-header-text>span {
font-size: 1.4vw;
}
[name*="viewTitle"],
.theme-entry .grid-header-wrapper .grid-header-text>span {
font-size: 1vw;
}
.theme-entry.runtime-form .grid .grid-content-cell-wrapper {
padding: 1vw !important;
padding: 0 0.6vw!important;
}
html:not(.designer) [name*="s_button s_save_button"] {
font-size: 1.05vw;
padding: 0.6vw 0vw 0.vw 2vw !important;
}
html:not(.designer) [name*="s_button"],
html:not(.designer) .theme-entry .dialog .popup-footer .SourceCode-Forms-Controls-Web-Button {
border-radius: 0.5vw !important;
padding: 0.6vw 2.4vw !important;
font-size: 1.05vw;
margin-bottom: 1vw !important;
font-size: .8vw;
margin-top: 1vw;
}
html:not(.designer) .theme-entry .SourceCode-Forms-Controls-Web-Button[name*="Review Details Button"]{
padding-right:1rem!important;
}
.on-focus[name*="s_textarea"] textarea,
html:not(.designer) .form.editingForm [name*="s_textarea"] textarea{
min-height: 2vw !important;
border-radius: .5vw;
}
html:not(.designer) .inProgressStep::before,
html:not(.designer) .pendingStep::before {
height: 2.5vw;
width: 2.5vw;
left: 0.3vw!important;
transform: translateY(2%);
}
html:not(.designer) .inProgressStep::before {
transform: translateY(0);
top: 0;
}
html:not(.designer) [name*="s_step"]::after {
left: 1.5vw;
height: 2.5vw;
}
html:not(.designer) [name*="view_move_right"] {
margin-left: 21vw !important;
width: calc(100% - 21vw) !important;
margin-bottom: 1vw;
padding-top: 0vw;
}
html:not(.designer) .completedStep::before {
height: 2.5vw;
width: 2.5vw;
left: .3vw;
}
html:not(.designer) [name*="s_step"] {
padding-left: 4vw;
margin-bottom: 2vw;
}
html:not(.designer) .completedStep[name*="s_step"]::after {
left: 1.4vw;
width: 1.5px;
height: 2.3vw;
}
html:not(.designer) .completedStep[name*="s_step"]::after {
left: 1.5vw;
height: 2.3vw;
width:.01vw;
}
html:not(.designer) body.theme-entry {
padding-top: 6vw;
padding-left: 19.5vw;
}
.runtime-content {
margin: 0 1.5vw !important;
}
html:not(.designer) .theme-entry header,
html:not(.designer) header {
height: 6vw !important;
}
}
/* final backup 19 january 2026 03:41pm*/